Cara Membuat Daftar Isi Secara Automatis

Hii.. Sahabat Blogger semua, Apa kabar hari ini, semoga baik-baik saja tentunya, buy the way sekarang saya mau share nich.. mengenai cara membuat daftar isi secara otomatis pada blogspot dengan scroll atau dengan efek berjalan. Langsung menuju ke materi.. ya.. freinds. Berikut langkah-langkahnya :

1. Seperti biasa, login ke akun blogger anda
2. Klik Rancangan dilanjut klik Tambah Gadget pilih HTML / JavaScript
3. Untuk Daftar Isi dengan Scroll masukkan kode berikut :

<style></style>
<div style="margin: 0px; padding: 0px; overflow: auto; width:400px; height: 200px; background-color:

rgb(128, 0, 0);">
<script style="text/javascript" src="http://tutorialplan.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 150;var showpostdate = false;var showpostsummary = false;var numchars = 150;var standardstyling = true;</script><script src="http://tutorialplan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br /><br /></div>

4. Tulisan yang berwarna biru bisa diganti menyesuaikan dengan lebar sidebar blog Anda, untuk yang berwarna merah silahkan diganti dengan alamat blog Anda, kemudian yang berwarna hijau itu adalah warna untuk backgroundnya, Silahkan diganti menurut keininan Anda atau Bila tidak ingin di tampilkan dapat Anda ganti dengan kata none

5. Untuk Daftar Isi Dengan Efek Berjalan silahkan Anda masukkan kode berikut nih :

<marquee direction="down" onmouseover="this.stop()" width="100%" onmouseout="this.start()" scrollamount="2" height="200"><br/><br/><script style="text/javascript" src="http://tutorialplan.googlepages.com/daftar-isi.txt"></script><script style="text/javascript">var numposts = 100;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;</script><script src="http://tutorialplan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&max-results=999&callback=showrecentposts"></script><br/><br/></marquee>

6. Seperti contoh yang diatas, warna merah, Anda dapat menggantinya dengan alamat blog Anda, lalu yang berwarna biru berfungsi sebagai pengatur ketinggian.

7. Terakhir simpan dan lihat hasilnya....

 Selamat mencoba...........