- Back to Home »
- All , Blogger , Tips And Tricks »
- Cara Membuat Daftar Isi Blog Otomatis
Posted by : Unknown
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.
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&alt=json-in-script&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.
ijin bookmark ..
BalasHapusMonggo Om :)
Hapusboleh"
BalasHapus