Cara Membuat Daftar Isi Blog Otomatis Berdasarkan Label

Cara Membuat Daftar Isi Blog Otomatis Berdasarkan Label - Daftar Isi atau yang sering kita sebut Sitemap pada umumnya kita gunakan sebagai petunjuk atau informasi sudah berapa banyak artikel yang selama ini sudah kita buat di dalam blog kita. Kadang kita merasa malas apabila kita harus membuat dan mengisi daftar isi tersebut secara manual setiap kali kita selesai meng update artikel. Maka dari itu kali ini saya akan berbagi informasi tentang bagaimana cara membuat daftar isi atau sitemap berdasarkan label secara otomatis mengisi sendiri setiap kita selesai membuat artikel. Berikut tutorialnya.

Pertama masuk dahulu ke dalam akun Blogger anda. Buka menu Posting atau Posts kemudian kita klik Entri Baru atau New Post. Setelah masuk ke dalam halaman editor posting pilih dalam mode HTML bukan Compose. Lalu copy paste kan kode di bawah ini ke dalam halaman editor posting :

<div style="text-align: left;"> <blockquote class="tr_bq"> <div style="text-align: left;"> <span style="font-family: &quot;Courier New&quot;,Courier,monospace;"><script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"> </script><script color:="" red="red" src="http://&lt;span style="> www.kiosbisnis.com</span>/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></span></div> </blockquote> </div>

Ganti text yang berwarna merah diatas dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label dari blog KiosBisnis.com.

Namun misal anda menginginkan menggunakan fungsi scroll karena daftar isi dirasa sudah terlalu banyak dan terlalu banyak memakan tempat (memanjang ke bawah) maka bisa menambahkan kode berwarna biru di bawah ini.

<div style="font-family: &quot;Courier New&quot;,Courier,monospace; text-align: left;"> <blockquote class="tr_bq"> <div style="color: blue;"> <div style="border: 1px solid rgb(0, 0, 0); height: 500px; margin: auto; overflow: auto; padding: 3px; text-align: left; width: 100%;"> <span style="color: black; font-family: &quot;Courier New&quot;,Courier,monospace;"><script src="http://sitemap-kiosbisnis.googlecode.com/files/KiosBisnislabel2.js"> </script><script color:="" red="red" src="http://&lt;span style="> www.kiosbisnis.com</span>/feeds/posts/default?max-results=999&amp;alt=json-in-script&amp;callback=loadtoc"> </script></span><span style="color: blue;"></span></div> </div> </blockquote> </div>

Jangan lupa untuk mengganti teks berwarna merah dengan alamat blog anda. Simpan dan Lihat hasilnya. Berikut contoh tampilan daftar isi berdasarkan label menggunakan fungsi scroll dari blog KiosBisnis.com.

Selamat mencoba dan Semoga Bermanfaat.
NB :
jika script tidak jalan pm me +Ali Mahmudi
ini hanya merupakan catatn pribadi saya karena sering lupa..hehehe
just for share !!
referensi : kiosbisnis.com