Cara membuat daftar isi otomatis keren di blog

enak ya kalo punya daftar isi otomatis dan kita gak usah nulis daftar isi manual kan cape apalagi kita mempunyai banyak entri/postingan waduh bisa 1 tahun nulis daftar isinya (terlalu berlebihan) nah kali ini blog Tutorialz-Ku akan share cara membuat daftar isi otomatis keren di blog tetapi blog Tutorialz-Ku akan share 2 versi yaitu versi scroll dan versi no scroll.

untuk demo yg versi scroll

untuk demo yg versi no scroll

nah dah liat kan live demonya keren ga? ya pasti keren lah (keren bagi admin)

dah langsung aja ke TKP

A.Versi scroll

1.  masuk ke www.blogger.com
2. pilih blog yg mau kamu pasang daftar isi
3. klik laman,lalu klik laman baru,terus klik laman kosong (bingung?liat gambar)   
4. klik html,masukin kode,judul,simpan(Bingung?liat gambar)

 

   5. taruh kode di bawah ini tepat di kotak no 2

<div style="border: 1px solid rgb(255, 255, 255); height: 400px; overflow: auto; padding: 10px; text-align: justify; width: auto;"> <script src="http://tutorialz-ku.googlecode.com/files/daftar-isi-blog.js">
</script><script src="http://tutorialz-ku.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
</div>


   6.selesai tinggal klik simpan


B.Versi no Scroll

1. masuk ke www.blogger.com
2. pilih blog yg mau kamu pasang daftar isi
3. klik laman,lalu klik laman baru,terus klik laman kosong (bingung?liat gambar)   
4. klik html,masukin kode,judul,simpan(Bingung?liat gambar)

 

   5. taruh kode di bawah ini tepat di kotak no 2

<script src="http://tutorialz-ku.googlecode.com/files/daftar-isi-blog.js">
</script><script src="http://tutorialz-ku.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>


   6.selesai tinggal klik simpan

Keterangan :

 yang saya kasih warna merah ganti dengan website sobat,dan yg saya kasih warna biru adalah ukuran
height = tinggi
width = lebar /saya kasih auto karna nantinya otomatis lebarnyase kotak post anda