Tuesday, April 4, 2017

Menampilkan Daftar isi Artikel berdasarkan label (Pilih sendiri labelnya)

Menampilkan Daftar isi Artikel berdasarkan label (Pilih sendiri labelnya)

Kembali tentang blogger, kali ini saya akan membagikan kepada kalian cara menampilkan daftar isi artikel berdasarkan label yang labelnya kalian pilih sendiri. yah sangat spesifik judulnya, karena jujur saja kemarin-kemarin sebelum ini saya mencari artikel seperti yang saya mau (pilih label sendiri yang akan ditampilkan) ternyata sulit, hampir semua memberikan  tutorial yang sama (secara otomatis), oleh karena itulah artikel ini saya buat.


Baiklah mungkin langsung saja, tapi sebelumnya kalian mungkin bisa melihat contohnya disini sebelum meneruskan kebawah, takutnya tidak sesuai dengan yang kalian butuhkan.
Menampilkan Daftar isi Artikel berdasarkan label (Pilih sendiri labelnya)

Sudah dicek, contohnya? apakah seperti yang kalian cari dan butuhkan untuk dipasang di blog kalian? jika iya maka silahkan ikuti tutorial singkat dari saya berikut ini.
  • Langkah pertama, Buatlah sebuah halaman yang ingin kalian pasang atau tampilkan daftar isi
  • Ketikan judul terlebih dahulu, "sitemap" misalkan.
  • Setelah itu buka mode Html pada halaman post tepatnya pada tab samping compose.
  • Setelah itu copy dan tempatkan code dibawah ini dibagian paling atas halaman.
<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>

  • Keudian untuk menampilkan daftar isi silahkan masukan kode berikut ini
<ol><h3>
Semua Opini</h3>
<script src="https://sengedan.blogspot.com/feeds/posts/default/-/Opini?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts&amp;max-results=999"></script> </ol>

Biru : Adalah Judul dari daftar isi, kalian bisa menggantinya
Hijau : Ganti dengan url blog kalian
Merah : Ganti dengan label yang ngin kalian tampilkan
  • Jika sudah semua klik Publish atau Publikasikan, mungkin akan ada peringatan tidak valid html, Ini tidak masalah klik Publish sekali lagi, sampai berhasil. biasanya butuh beberapa kali klik.
  • Selesai.
Mungkin sebagai catatan penting, pada kode pertama bagian ('<li>') akan ter-enter sendiri, jika kalian edit pada mode compos, pastikan agar dalam kondisi tidak terenter. contoh yang terenter seperti dibawah ini

('<li>
')

Semoga artikel ini bisa bermanfaat bagi kalian, silahkan tinggalkan komentar kalian dibawah untuk pertanyaan, kritik dan saran, dan jika kalian merasa artikel ini bermanfaat, jangan lupa untuk membagikan (share) artikel ini di sosmed kalian. terimakasih

BUKA UNTUK KOMENTAR