September 12, 2015

Cara Membuat Daftar Isi Blog Berdasarkan Label Pilihan Sendiri

September 12, 2015

sitemap per label blogger
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/).*

Previous
« Prev Post
Author Image

Romeltea

Recommended Posts

Related Posts

Show comments
Hide comments

25 comments on Cara Membuat Daftar Isi Blog Berdasarkan Label Pilihan Sendiri

  1. Terima kasih min sudah sukses berhasil dipasang di blog hehehe mantap!~

    ReplyDelete
  2. Maaf cuma nanya kalu misal mau dibuat sesua abjat kode yang harus diganti apa ya?

    ReplyDelete
    Replies
    1. silakan lihat kembali alinea ketiga

      Delete
    2. apakah yang ini orderby=published?

      Delete
    3. maaf gan, gagal paham. =published& diganti apa?

      Delete
  3. Tanya gan, kenapa script ini sekarang udah nggak berfungsi ya? Banyak blog saya yang menggunakan ini, tapi nggak ada 1 pun yang berfungsi lagi. Padahal dulu lancar aja...

    ReplyDelete
  4. Kalau Untuk menampilkan hasil pencarian label bagaimana gan ?

    ReplyDelete
  5. Wahh bagus nih gan. terimakasih yah :)

    ReplyDelete
  6. BERHASIL BRO . THANKS YA ...

    ReplyDelete
  7. Terima kasih, infonya sangat bermanfaat untuk pengembangan blog saya.

    ReplyDelete
  8. sudah tidak berfungsi sekarang mas, tolong diperbarui

    ReplyDelete
  9. Gan agar bisa urut abjad ditambahi script gimana ya? Mohon bantuanya

    ReplyDelete
  10. kalau label yang dipilih tapi sesuai abjad gmna admin?

    ReplyDelete
    Replies
    1. Susun aja sendiri nama labelnya berdasarkan abjad, itu kan ada kode untuk menyusun labelnya

      Delete
  11. om cara atur css nya gimana?

    ReplyDelete
    Replies
    1. tambahkan saja kode css di bawahnya:

      <style>
      KODE CSS
      </style>

      Delete
  12. gan mau tanya, bagaimana cara buat kategori posting blog agan ini? cara mengelompokkan gitu, thanks

    ReplyDelete
  13. coba praktekin 1 1 itu kode nya, kenapa tidak bisa iya, ket : HTML anda tdk bisa d trima, tag putus : LI, itu knapa iya mas?

    ReplyDelete
  14. Sudah sering mampir baca2 disini, tapi kali ini baru kepikiran ngucapin terimakasih

    ReplyDelete
  15. Mas kalau mau labelnya sesuai abjad gmna ya mas

    ReplyDelete

Contact Form

Name

Email *

Message *