Membuat daftar isi blog dengan tampilan menu acordion

HASTA - Sobat, kali ini saya ingin berbagi satu lagi tips dan triks blog yaitu bagaimana membuat daftar isi blog dengan tampilan menu acordion. Widget daftar isi model ini dibuat oleh mas Abu Farhan.

Nah, tampilan daftar isi blog seperti ini bisa sobat lihat demo berikut.

LIVE DEMO

Mengapa harus menggunakan daftar isi? saya rasa dengan menggunakan daftar isi maka pengunjung sobat bisa mengetahui apa saja isi-isi atau konten-konten blog sobat.

  Berikut langkah - langkah membuat daftar isi menu acordion :                                                      

1. Seperti biasa, login ke dashboard blog sobat.

2. Klik Postingan => buat entri baru => edit HTML --> lalu copy code dibawah pastekan pada halaman posting. Gunakan mode edit HTML (lihat gambar).

<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://agoengsang.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>

Keterangan :

• Ganti tulisan agoengsang.blogspot.com dengan alamat blog sobat.

3. Publish / terbitkan entri.

Lihat hasilnya, selamat mencoba.. Minta like satu ya? :D 
Happy Sharing..