Kamis, 12 Januari 2012

Membuat daftar isi blog dengan tampilan menu acordion


Tips dan triks blog yang tidak pernah ada habisnya, hehe. Sobat, kali ini saya ingin berbagi satu lagi tips dan triks blog yaitu bagaimana membuat daftar isi blog dengan tampilan menu acordion.
Nah, tampilan daftar isi blog seperti ini bisa sobat lihat demo berikut.



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. Postingan / buat entri baru / menggunakan halaman --> 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://goezbaeg.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 warna biru dengan alamat blog sobat.
3. Publish / terbitkan entri.

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

2 komentar:

  1. jadi gan, makasih ya, tapi ko ada widget by abu farhan ya. bisa di ilangin ga ya. hehehe.

    BalasHapus
  2. ane gak tau gan ...cobak aja...di otal atix...makasi kunjungannya ::...

    BalasHapus
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-p =))

Silahkan Tulis Komentar Anda Secukupnya ..!!