Template Mamakita merupakan hasil clone dari javmama.me , template ini bisa digunakan Streamin dan Download.
Tautan
- Download: Template Blogger Mamakita
- Tutorial: Cara Memasang Template Blogger
1. Setting Sidebar
A – Akses Tata Letak (Layout) blog kalian > lalu klik Setting > dan klik tombol Edit Icon.
B – Pilih Sidebar > lalu klik Icon Pensil (Edit) > dan Isi dengan 0 (Tidak Aktif) dan 1 (Aktif).
Contoh Gambar
INFO: 0 = OFF dan 1 = ON.
2. Setting Firebase
2.2 Setting Url Firebase
A – Akses Tata Letak (Layout) blog kalian > lalu klik Setting Firebase > dan klik tombol Edit Icon Seperti Contoh Gambar.
Contoh Gambar
3. Header
3.1 Logo
A – Akses Tata Letak (Layout) blog kalian > lalu klik Logo Header > dan klik tombol Edit Icon Seperti Contoh Gambar.
Contoh Gambar
INFO: Jika ingin menggunakan gambar sebagai logo pilih Selain Judul dan Deskripsi.
3.2 Menu
A – Akses Tata Letak (Layout) blog kalian > lalu klik Menu Thema > dan klik tombol Edit Icon Seperti biasanya.
INFO: Ada 2 cara menambahkan link/url
1. Home Full Url
2. Post Full Url
3. Page Full Url
4. Label Full Url
1. Home Full Url
https://nama_blog.blogspot.com/ menjadi /.2. Post Full Url
https://nama_blog.blogspot.com/2022/12/cara-mengatur-template-blogger-mamakita.html menjadi /2022/12/cara-mengatur-template-blogger-mamakita.html.3. Page Full Url
https://nama_blog.blogspot.com/p/list.html menjadi /p/list.html.4. Label Full Url
https://nama_blog.blogspot.com/search/label/Label1 menjadi /search/label/Label1.3.3 Search
No Setting
4. Post
4.1 Jumlah Post
Ada 2 yang harus disetting dan kedua nya harus sama
A – Akses Tata Letak (Layout) blog kalian > lalu klik Postingan Blog > dan klik tombol Edit Icon Seperti Contoh Gambar.
Contoh Gambar
B – Akses Tema (Thema) blog kalian > lalu klik Panah Kebawah > dan klik tombol Edit HTML dan cari perPage=12, Seperti Contoh Gambar.
Contoh Gambar
INFO:
12 merupakan jumlah post yang akan tampil.4.2 Post Default
Buat Post Seperti biasanya.
4.3 Post Streaming
A – Buat Post Seperti biasanya dan tambahkan label ST untuk mengaktifkan nya.
B - Salin(Copy) kode dibawah ini
<!-- Server Thumbnail --> <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2bfV3kLNN9mQMhznCIcm2iUxyDB_LQF1mTA9HEksV8_p607FkmlkGh5pfR2iKjNcnnx_zTxT2JJqmAsd1JObaLeUnh6ucsk6W5jMgWrop0O-AkE5Xn5tQyHEiaeIjvIeRpOl4LV4qwr809sV9IyaKIHWytRipNflLC5bgHSBg5dYWe8HHHHBiIk_pmw/s1280/lzyDD8bMDKs-HD.jpg" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" width="320" data-original-height="720" data-original-width="1280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2bfV3kLNN9mQMhznCIcm2iUxyDB_LQF1mTA9HEksV8_p607FkmlkGh5pfR2iKjNcnnx_zTxT2JJqmAsd1JObaLeUnh6ucsk6W5jMgWrop0O-AkE5Xn5tQyHEiaeIjvIeRpOl4LV4qwr809sV9IyaKIHWytRipNflLC5bgHSBg5dYWe8HHHHBiIk_pmw/s320/lzyDD8bMDKs-HD.jpg"/></a></div> <!-- Server Streaming --> <div id='server'> <ul> <li> <div class='info-server'> <span>Video Server:</span> </div> </li> <li> <div data-iframe='Url_Server' class='east_player_option'> <span>Name_Server</span> </div> </li> <li> <div data-iframe='Url_Server' class='east_player_option'> <span>Name_Server</span> </div> </li> <li> <div data-iframe='Url_Server' class='east_player_option'> <span>Name_Server</span> </div> </li> </ul> </div> <!-- Info --> <div class="" id="bk-info"> <!-- Disini kalian bebas menambahkan tag html disini. --> <span> <b>Name</b> : <a href="#">Name</a> </span> <span> <b>Name 2</b> : <a href="#">Name</a> </span> </div> <!-- Donwload --> <div class="Unduh" id="Unduh"> <div> <h3>480p</h3> <a id="GD" data-value="" href="Url_Link" target="_blank">Name_Link</a> </div> <div> <h3>720p</h3> <a id="GD" data-value="" href="Url_Link" target="_blank">Name_Link</a> </div> <div> <h3>1080p</h3> <a id="GD" data-value="" href="Url_Link" target="_blank">Name_Link</a> </div> </div>
INFO:
Server Thumbnail Merupakan Tempat Thumbnail Post. Server Streaming Merupakan Tempat Server Post. Info Merupakan Tempat Info Tambahan, bisa ditambah tag html. Donwload Merupakan Tempat Download Box. 4.4 Post/Page List
A – Buat Post/Page Seperti biasanya.
B - Salin(Copy) kode dibawah ini
<style>
#siteMap1{font-size:14px;font-weight:400;}#siteMap1 .judul{display:none;}#siteMap1 a{color:#222;text-decoration:none;transition:all .3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right: 10px;}#siteMap1 a:hover{color:#000;}#siteMap1 .isi .abjad{font-weight:700;color:#7e7a7a;font-size:15px;border-bottom:5px solid #d4d4d4;margin-bottom:5px;background:0 0;padding:1px;text-transform:uppercase;position:relative;}#siteMap1 .isi .abjad span{color:#407dbd;}#siteMap1 ol,#siteMap1 ol li{list-style-type:none;}#siteMap1 .nav ol{padding:0;text-align:center;margin:0;margin-top:3px;}#siteMap1 .nav ol li{display:inline-block;font-weight:700;padding:5px 0;width:2.2%;border-radius:3px;color:#fff;font-size:14px;margin:2px;background:#407dbd;cursor:pointer;text-transform: uppercase;}#siteMap1 .nav ol li:hover{background:#0a0a0a;}#siteMap1 .nav ol li:last-child{margin-right:0;}#siteMap1 .isi ol{overflow:hidden;}#siteMap1 .isi ol li{color:#666;list-style-type:none;margin:0;line-height:1.5em;display:flex;width:47%;float:left;}@media screen and (max-width:680px){#siteMap1 .isi ol li{width:100%;float:none;}#siteMap1 .nav ol li{width:25px;}}@media screen and (max-width:480px){#siteMap1{font-size:13px;}#siteMap1 .judul{padding:10px;}#siteMap1 .isi .abjad{padding:7px 15px;}}@media screen and (max-width:360px){#siteMap1{font-size:12px;}#siteMap1 .judul{padding:10px;}#siteMap1 .isi .abjad{padding:7px 12px;}}
</style>
<div id="siteMap1"></div>
<script type="text/javascript">/*<![CDATA[*/
"use strict";var siteMap1=new BloggerScript;siteMap1.siteMap("/feeds/posts/summary",function(a){var g="",c="",d="",e=new Array,b=new Array;for(var f in a.forEach(function(a){var b=a.title.charAt(0).toLowerCase();-1==g.indexOf(b)?(g+=b,e[b]=[{title:a.title,link:a.link}]):e[b].push({title:a.title,link:a.link})}),e)b.push(f);b.sort().forEach(function(b){d+='<div class="abjad"><span data-value="'.concat(b,'">').concat(b,'</span><span id="top" title="Back to Top"></span></div><ol>');for(var a=0,g=e[b];a<g.length;a++){var f=g.sort(function(a,b){return a.title>b.title?1:-1});d+='<li><a href="'.concat(f[a].link,'" title="').concat(f[a].title,'">').concat(f[a].title,"</a></li>")}d+="</ol>",c+="<li>".concat(b,"</li>")}),document.getElementById("siteMap1").innerHTML='<div class="judul">Total Post: '.concat(a.length,'</div><div class="nav"><ol>').concat(c,'</ol></div><div class="isi">').concat(d,"</div>"),document.querySelectorAll(".nav ol li").forEach(function(a){a.onclick=function(a){var b=a.currentTarget;document.querySelector('.isi .abjad [data-value="'.concat(b.innerHTML,'"]')).parentNode.scrollIntoView({behavior:"instant",block:"start"})}}),document.querySelectorAll(".isi .abjad #top").forEach(function(a){a.onclick=function(){document.querySelector(".nav").scrollIntoView({behavior:"instant",block:"start"})}})})
/*]]>*/</script>
5. Sidebar
Sidebar Support : Search,Gambar(Image),Profil,Arsip,Label List/Cloud,HTML/Javascript,Populer Post,Daftar Link
Gunakan Add Widget dibawah jika mengunkan HTML/Javascript Custom
6. Setting Lainnya
6.1 Pager Number
Sama Seperti 4.1 Jumlah Post