Seperti kita ketahui bersama bahwa Daftar Isi merupakan salah satu hal yang paling penting dimiliki dalam suatu blog atau website. Apalagi jika kalian memiliki banyak postingan, daftar isi ini mutlak kalian pasang di blog agar pengunjung bisa dengan mudah menjelajahi blog atau website kita.
Nah.. Pada postingan tutorial blog ewabloggerock kali ini saya akan mencoba jelaskan cara Membuat Daftar Isi Jquery Accordian., ini merupakan rangkaian dari blog tutorial sebelumnya, dimana saya pernah menjelaskan Cara Membuat Daftar isi Secara Manual, dengan menggunakan efek ikon pada awal tiap judul artikel..

1. Login ke Blogspot dengan akun dan password Anda

2. Dashboard -->> New Entri (Entri Baru) -->> pilih Edit HTML

3. Copy script code HTML dibawah ini..,

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script>
<script src="http://ewabloggerock.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
<script type="text/javascript">
var accToc=true;
</script>
<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript">
</script>

4. Paste ke dalam postingan atau entri baru anda.

5. Ganti http://ewabloggerock.blogspot.com/ dengan Alamat / URL blog anda...

6. Klik preview/pratinjau untuk memastikan bahwa kode script yang anda pasang sudah benar.., dan jangan lupa diberi judul misalnya; Daftar Isi atau Archive.

7. Kemudian klik Publish post (Terbitkan Entri)