Tutorial : Buat daftar Isi Accordion style J query I

Assalamualaikum wr.wb

selamat pagi semua,saya mau membagi tentang cara membuat daftar isi Dengan gaya Accordion,Anda tahukan accordion?ituloh nama alat musik seperti piano tapi dimainkan dengan cara dibuka tutup,hehehe,tapi yang akan dibahas bukan itu,melainkan stylenya saja,selain untuk mempercantik halaman blog,juga menghemat tempat dan memudahkan pengunjung melihat daftar isi blog kita ,berikut ini  bisa anda lihat  di bagian Demo berikut ini.

Nah berikut ini step by stepnya.........


1.Tentunya loggin dulu ke blogger
2.setelah masuk dasbor lalu klik new post alias entry baru
3.Anda bisa membuat halaman Baru ,klik edit page lhat gambar kalau tidak tahu
4.kemudian pilih new page
5.lalu dihalaman entry nya,pilih edit html(disebelah compose)
6.Lalu copy paste kode berikut ini kedalam Halaman tersebut


<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://ypsrandy.blogspot.com/feeds/posts/summary?max-results=99999&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>

Catatan:

Ubah Url blog yang berwarna biru dengan nama url blog anda

7.Kemudian terbitkan entry,apabila ada peringatan kesalahan,lanjutkan saja,refresh ulang halaman nya,dijamin  pasti bisa


Credit For abu farhan.com dan kang salman serta bangdex yang telah memberi masukan atas widget yang satu ini.