Cara Membuat Daftar Isi Menampilkan Label Tertentu Secara Otomatis

SALAM SEJAHTERA !!! Untuk membuat daftar isi menampilkan label tertentu yang di ingankan sebagai info penting yang akan kita suguhkan kepada pembaca. Yang bisa ditempatkan disidebar atau dihalaman utama blog kita. pemasangan daftar isi ini akan secara otomatis akan tampil sesuai kategori/label yang kita buat dengan bantuan Script. Kalo Scripnya ini sangat ringan hanya dibawah 1kb saja.

daftar isi ini hanya berdasarkan satu label tertentu saja, untuk pemasangan silakan ikuti langkah-langkah di bawah ini.

1. Login di Blogger, klik Rancangan > Elemen Laman > Tambah Gadget. Kemudian pilih HTML/JavaScript.

2. Berikan judul, Contohnya : Daftar Isi, lalu copy kode di bawah ini dan paste di Konten.

<div style="overflow:auto; width:auto; height:200px; padding:5px; border:1px solid #e6e4e3;">
<ol>
<script style="text/javascript">
var numposts = 100;
var standardstyling = true;
</script>
<script type='text/javascript' src='https://sites.google.com/site/tutorialbloghost/my_javascript/label-post.js'></script>
<ol>
<script src="http://www.tutorialines.blogspot.com/feeds/posts/default/-/Tutorial%20Blogspot?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
</ol>
</div>

Keterangan:

• width:auto; menunjukkan lebar scroll box akan mengikuti lebar sidebar atau halaman conten blog anda.
• height:100px; menunjukkan tinggi scroll box setinggi 200 piksel. Silakan diganti angkanya untuk mengubah tingginya.
•  border:1px solid #e6e4e3; menunjukkan garis keliling (border) scroll box bergaya solid setebal 1 piksel berwarna #e6e4e3. Silakan disesuaikan dengan keadaan template Anda.
•  <ol> menunjukkan numbered list, kalau ingin menjadi bullet list silakan diganti dengan <ul>
•  Ganti Tutorial%20Blogspot dengan label yang anda inginkan. Penulisan label harus sesuai dengan yang tertera di blog. Perhatikan huruf besar-kecilnya dan spasi diganti dengan %20.

3. Klik tombol SIMPAN.

Semoga Bermanfaat - Happy Blogging

Salam