Cara Membuat Daftar Isi Blog Otomatis

Sudah sejak lama saya ingin sekali menulis tentang Membuat Daftar Isi Blog Otomatis ini, akan tetapi ada saja kendala karena keterbatasan waktu. Nah, pada kesempatan kali ini berhubungan saya pun sedang libur, saya akan mempostingnya untuk Anda. Daftar isi blog otomatis kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. Jadi kalau postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar ini.

 Nah, perlu saya jelaskan tentang manfaat daftar isi ini, bahwa daftar isi akan membantu blog anda untuk lebih banyak dikunjungi dalam segi halamannya. Jadi, ketika visitor atau pengunjung blog Anda sudah membaca salah satu artikel dalam blog dan artikel itu menarik, maka pengunjung akan mencari artikel menarik atau artikel terkait leinnya. Hal ini menyebabkan besar kemunkinan visitor akan sering berkunjung ke blog Anda.

Sama halnya dengan sebuah buku, jika sebuah buku tidak memiliki daftar isi maka pembaca buku tersebut akan kebingungan mencari halaman dalam buku tersebut. Hasilnya buku tersebut pun diabaikan dan dilupakan. Sekarang sudah jelaskan tentang manfaat membuat daftar isi blog ? Sekarang bagaimana cara membuat daftas isi blog otomatis ? yuk kita simak tutorial dibawah ini.

Berikut ini langkah- langkahnya ;
1. Login ke blogger
2. Buat entri baru / post baru
3. Pilih yang HTML jangan compose
4. Beri judul Sitemap atau daftar isi or terserah sesuai dengan keinginan anda
5. Copas kode dibawah ini :

<script src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js">

</script>

<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

6. Klik publikasikan / terbitkan entri
Keterangan : kode berwarna merah ganti menjadi nama domain blog anda

Namun jika anda ingin membuat daftar isi blog otomatis dengan menggunakan fungsi scroll, jangan menggunakan kode diatas , tapi copas saja kode dibawah ini : 

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://super-bee-daftarisi.googlecode.com/files/daftarisi.js"></script><script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

Keterangan : 

- Kode berwarna merah ganti menjadi nama domain blog anda
-  Sesuaikan tinggi scroll dengan merubah height:120px   sesuai keingingan Anda
- Sesuikan lebar scroll dengan merubah width:430px sesuai dengan keinginan Anda.

Posted in: tnt-comp