Cara Membuat Daftar Isi Blog Berdasarkan Label Pilihan Sendiri

Baca Juga

Cara membuat daftar isi (sitemap) blog per label tertentu atau kategori pilihan sendiri.

YANG dimaksud Daftar Isi Blog Berdasarkan Label Pilihan Sendiri yaitu kita menampilkan Daftar Isi (Table of Content) di halaman statis hanya label tertentu yang kita tentukan sendiri, yang kita inginkan saja. Tidak semua label tampil.

Sitemap model ini berbeda dengan Sitemap Tabulasi, Sitemap Simple, atau Daftar Isi Alfabetis (Berdasarkan Abjad) yang menampilkan semua label.

Contoh atau Demo Daftar Isi berdasarkan label pilihan (tertentu) bisa dilihat di Sitemap Per Label. Di sana CB hanya pilih dua label, yaitu Template Blog SEO dan Tips SEO Blog.

Cara Membuat Daftar Isi Blog Berdasarkan Label Tertentu

1. Page > New Page
2. Isi judul halaman dengan, misalnya, Daftar Isi Per Label
3. Klik mode "HTML"
4. Copas kode berikut ini:

<script type="text/javascript"> var numposts = 100; var standardstyling = true; function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; }} posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle);} if (standardstyling) document.write('</li>'); } </script>
<ul>
<h3>Nama Label</h3>
<script src="http://contohblognih.blogspot.com/feeds/posts/default/-/Label?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Catatan
- Ganti nama label dan alamat blognya.
- Jika nama Label terdiri dari dua kata atau lebih, maka gunakan pemisah %20 antar-kata:

...feeds/posts/default/-/Nama%20Label

- Untuk menambahkan Label lain, tinggal Copas dan tambahkan saja kode paling bawah --mulai dari <ul> hingga </ul>-- dan ganti labelnya:

<ul>
<h3>Nama Label</h3>
<script src="http://contohblognih.blogspot.com/feeds/posts/default/-/Label?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

5. Publish!


Kode yang Digunakan CB Blogger

Ini kode yang digunakan Cb blogger di Halaman Demo Sitemap Per Label pilihan sendiri. Anda tinggal COPAS saja jika mau gunakan.

<script type="text/javascript"> var numposts = 20; var standardstyling = true; function showrecentposts(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; }} posttitle = posttitle.link(posturl); if (standardstyling) document.write('<li>'); document.write(posttitle);} if (standardstyling) document.write('</li>'); } </script>
<ul>
<ul>
<h3>
Template Blog</h3>
<script src="/feeds/posts/default/-/Template%20Blog?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>
<ul>
<h3>
Tips SEO</h3>
<script src="/feeds/posts/default/-/Tips%20SEO?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script>
</ul>

Demikian cara membuat halaman sitemap/daftar isi blog per label tertentu atau kategori yang kita pilih sendiri.

Good Luck! (http://www.contohblog.com/).*