Cara Membuat Sitemap Atau Daftar isi Satu Label Saja di Blogger Terbaru 2019 - New
Sitemap atau biasa disebut Daftar isi, Mungkin blog kalian akan sangat membutuhkannya
Sitemap Atau Daftar isi satu label adalah daftar isi blog yang menyantumkan postingan atau artikel hanya dengan satu label atau tags saja, seperti yang kita ketahui sitemap akan menampilkan seluruh artikel berdasarkan label. Namun ada beberapa orang yang ingin menampilkan sitemap hanya per kategori atau per label saja pada blogger.
Pada kesempatan yang ceria ini mimin akan memberikan tutorial membuat sitemap satu label yang super keren untuk blog.Sitemap atau daftar isi satu ini sudah memiliki fasilitas fast loading dan responsive jadi dapat diakses dari berbagai perangkat. Agar lebih jelas berikut tampilannya:
Baca Juga: Cara Mudah Menambahkan Chat Live Di Blogger Terbaru 2019
- Silahkan kalian Copy code script di bawah ini
<style type="text/css">
#penaindigocom{background:#fff;width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
judule{color:#FFF;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
ol{font-weight:normal;background:#fff;margin-left: 35px;}
ol li{border-bottom: #ddd 1px dotted;margin-right:5px;padding:3px}
</style>
<div id="penaindigocom">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/pi-project@ce599c1082b28f589ee0582485dc661a3f9ba15c/sitemapsatulabel.js">
</script>
<judule>Blogging</judule>
<ol>
<script src="/feeds/posts/default/-/Blogger?orderby=published&alt=json-in-script&callback=startpost&max-results=999">
</script>
</ol>
</div>Keterangan:
Blogging : Judul Label
Blogger : Nama Label
Memasang sitemap atau daftar isi hanya dengan beberapa label pilihan
- Kalian juga bisa menambahkan beberapa label pilihan, sebagai contoh Kalian ingin menampilkan 2 label atau 3 label saja. Maka cukup menambahkan kode berikut sebelum kode <div>
<judule>Blogging</judule>
<ol>
<script src="/feeds/posts/default/-/Blogger?orderby=published&alt=json-in-script&callback=startpost&max-results=999">
</script>
</ol>- Jika sudah kalian pasang maka hasilnya seperti ini
<style type="text/css">
#penaindigocom{background:#fff;width:99%;margin:5px auto;border:1px solid #2D96DF;
-webkit-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
-moz-box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);
box-shadow:4px 4px 8px 2px rgba(0,0,0, 0.2);}
judule{color:#FFF;font-weight:bold;margin:0 -5px;
padding:1px 0 2px 11px;background: #3498DB;
border:1px solid #2D96DF;
border-radius:4px;-moz-border-radius:4px;
-webkit-border-radius:4px;box-shadow:3px 3px 1px #bbb;
-moz-box-shadow:3px 3px 1px #bbb;-webkit-box-shadow:3px 3px 1px #bbb;display:block;}
ol{font-weight:normal;background:#fff;margin-left: 35px;}
ol li{border-bottom: #ddd 1px dotted;margin-right:5px;padding:3px}
</style>
<div id="penaindigocom">
<script src="https://cdn.jsdelivr.net/gh/penaindigo/pi-project@ce599c1082b28f589ee0582485dc661a3f9ba15c/sitemapsatulabel.js">
</script>
<judule>Tips dan Trik</judule>
<ol>
<script src="/feeds/posts/default/-/Tips dan Trik?orderby=published&alt=json-in-script&callback=startpost&max-results=999">
</script>
</ol>
<judule>Tools</judule>
<ol>
<script src="/feeds/posts/default/-/Tools?orderby=published&alt=json-in-script&callback=startpost&max-results=999">
</script>
</ol>
</div>- Maka akan jadinya akan seperti gambar di bawha ini
Bingung cara memasangnya? simak caranya dibawah ini
Cara memasang Sitemap atau Daftar isi per Label (Category / Tags) di Blogger
1. Kalian pergi ke Blogger > Pages (Laman)
2. Kemudian Kalian klik > New Pages (Laman Baru)
3. Setelah itu Kalian Klik> HTML (Bukan Compose) > Pastekan Codenya di HTML tsb.
4. Save Dan Lihat Hasilnya.
Cari Juga:
Baiklah Sekian dulu artikel hari ini begitulah cara memasang sitemap atau Daftar isi satu label di Blogger, Jika kalian masih bingung kalian bisa tanya melalui chat live di pojok kiri bawah
No comments