Membuat Daftar Isi Blog

Daftar isi merupakan suatu elemen penting yang harus dimiliki oleh suatu blog. Karena dengan adanya daftar isi tersebut, para pengunjung akan lebih mudah untuk mencari suatu artikel yang mereka cari. Bila masih ada yang belum mengerti mengenai hal ini, kamu bisa lihat contoh tampilan daftar isi di bawah ini :

1. Lirik Lagu Iwan Fals
2. Wallpaper Falsmania
3. Lantunan Sang Legenda
4. IWAN FALS - Suara Hati
5. Memasang Emoticon Comments Di Blogger
6. Memasang Emoticon Post Di Blogger
7. Membuat Rainbow Link
8. Membuat "Elegant" Read More
9. Membuat Highlight Author Comments
10. Analisa Loading Blog

Postingan kali ini, saya akan share mengenai bagaimana cara membuat daftar isi blog seperti contoh diatas dengan menggunakan javascript.

Langkah Pertama:
Buka menu Layout kemudian pilih Page Element. Selanjutnya klik Add Page Element, trus pilih Html/JavaScript (Terserah mau disimpan dimana, baik di sidebar atau di bagian footer).

Langkah Kedua:
Copy-Paste kode di bawah kedalam kotak "content".

<div style="border: 1px solid rgb(20, 20, 20); padding: 1px; overflow: auto; height: 250px;">
<script style="text/javascript" src="http://www.geocities.com/itto83/amboeradoel/daftar_isi.js"></script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src="http://NAMA_BLOG.blogspot.com/feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>

Jangan lupa ganti text yang berwarna Hijau dengan nama blog kamu.

Langkah Ketiga:
Simpan dan slesai dech akhirnya... Ok, selamat mencoba.