Dengan membuat daftar isi secara otomatis kita bisa menentukan label-label mana yang akan kita munculkan. Daftar isi yang dibuat secara manual akan membuat kita kerepotan sehingga tidak efektif.
Untuk membuat daftar isi pada blogspot secara otomatis tidaklah susah. Tutorial ini dikhususkan untuk pengguna blogspot.
Bagi sobat yang ingin membuat daftar isi secara otomatis pada blognya berikut cara-caranya :
1. Sobat login dahulu ke akun blogspot dengan mengunjungi blogger.com.
2. Masuk ke menu tata letak.
3. Tambah gadget dan pilih HTML/JavaScript dan bisa juga dimasukkan kedalam halaman postingan.
4. Kemudian letakkan kode javascript berikut.
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ul>
<script src="http://BlogName.blogspot.com/feeds/posts/default/-/Nama%20Label?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
<ul>
5. Var numposts digunakan untuk menampilkan jumlah judul yang akan dimunculkan. Ganti angka 50 sesuai dengan yang diinginkan.
6. Ganti blogname sesuai dengan nama blognya sobat.
7. Ganti Nama Label dengan label yang ingin ditampilkan.
8. Pada Nama%20Label ada simbol %20 yang berfungsi sebagai spasi. Sebagai contoh label burung hantu maka kita tulis burung%20hantu.
9. Jika ingin daftar isi yang menggunakan bullet gunakan perintah <ul> dan diakhiri </ul>, sedangkan menggunakan angka/numbering gunakan perintah <ol> dan diakhiri </ol>.
Untuk menampilkan beberapa label maka kita buat beberapa script seperti diatas. Contoh saya mempunyai label burung hantu dan sepeda motor berikut scriptnya.
<b>Burung Hantu</b>
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://bang-dayat.blogspot.com/feeds/posts/default/-/burung%20hantu?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
<b>Sepeda Motor</b>
<script style="text/javascript">
var numposts = 50;
var standardstyling = true;
</script>
<script type='text/javascript' src='http://enes-sc.googlecode.com/files/rc-label.js'></script>
<ol>
<script src="http://bang-dayat.blogspot.com/feeds/posts/default/-/sepeda%20motor?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=999"></script>
</ol>
1. Ganti kode yang berwarna biru <b>Burung Hantu</b> dan <b>Sepeda Motor</b> sesuai dengan label yang ingin sobat tampilkan.
2. Jangan lupa untuk mengganti nama domain (http://bang-dayat.blogspot.com) sesuai dengan nama domain blog sobat.
3. Penulisan nama label pada script juga memperhatikan huruf besar(kapital) atau kecil, harus sesuai dengan nama label yang dibuat.
