SiFadly - Sudah sejak lama fadly 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.
Agar tidak bingung tentang membuat daftar isi blog yang akan saya terangkan, silahkan Anda klik disini untuk melihat contoh menarik bukan?. 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. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan sobat
6. Kopas kode di bawah ini
<script src="http://sifadly.googlecode.com/files/sitemaps.js">
</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
7. Terbitkan Entri.
Namun jika Anda ingin membuat daftar isi menggunakan fungsi scroll, ada beberapa kode yang harus ditambahkan seperti dibawah ini :
<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sifadly.googlecode.com/files/sitemaps.js"></script><script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Keterangan :
- Ganti tulisan yang berwana merah dengan nama blog Anda
- Sesuaikan tinggi scroll dengan merubah height:120px sesuai keingingan Anda
- Sesuikan lebar scroll dengan merubah width:430px sesuai dengan keinginan Anda.
Atau juga bisa anda letakkan dipostingan blog,
Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Klik Menu Posting ( New Post )
3. Pilih HTML.
<script src="http://sifadly.googlecode.com/files/sitemaps.js">
</script>
<script src="http://namabloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc">
</script>
4. Copas kode diatas.
5.Terbitkan
Mudah kan... Mari berbagi demi kesuksesan kita bersama..
![Fad Lye [Ngawur Ngawur Sinting]](https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vqfDJR1nA9qLvWRZx25fPV9tTts2H2vVGM4NrK-eACpOCy3cfVuYHrFnzCL5Mku9TYrhiNhlHTT8mr5L3lxwbqYYc0MtLs7j_zz18tyIK0728yea9i-W5TOunn-23S2R4EfXNacORKIhPPodyzl3bpMYUsxwpmol3q934=s0-d "Fad Lye [Ngawur Ngawur Sinting]")