Model Daftar Isi Blog Terbaru 2012

Model Daftar Isi Blog Terbaru 2012, Tutorial kali ini mungkin adalah tutorial yang sudah usang atau dengan kata lain sudah pada tahu semua cara membuatnya, terbukti ketikan kita search di SE maka beragam keyword tentang daftar isi blog keluar Mulai dari Cara Mudah Membuat Daftar Isi Blog, Cara Buat Daftar Isi Blog, Cara Membuat Daftar Isi Blog Otomatis dll, kali ini saya coba lagi dah share Cara Membuat Daftar Isi Blog dengan Judul " Model Daftar Isi Blog Terbaru 2012" karena menurut saya Daftar Isi Blog model ini sangat keren tampilannya, sebenarnya daftar isi blog ini sudah lama tapi isi revisi terbaru dari Abu Farhan...(makasih abu atas karya nya) kebetulan tutorial dari abu farhan dalam bahasa inggris oleh saya hanya menterjemahkan nya saja.

Fiturnya

1. Accordion Efek
2. Menampilkan dan menyembunyikan efek 
3. CSS 3
4. Otomatis menambah jquery
5. Warna berbeda untuk konten
6. Berbeda gaya untuk membuka dan menutup
7. Auto Urutkan judul
8. Add New! selama 10 entri terbaru

ini screenshoot nya

 

 Ok langsung saja ke cara memasang nya di blog

1. Masukan script dalam mode Html

<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://URL BLOG ANDA/feeds/posts/summary?max-

results=1000&alt=json-in-script&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> 

 Ganti Tulisan URL BLOG ANDA

Gambar dibawah ini adalah cara setting di blogger

 

Sekian dulu ya....selamat mencoba

Sumber : Abu Farhan

Model Daftar Isi Blog Terbaru 2012 2012-03-28T19:54:00+07:00 Rating: 4.5 Diposkan Oleh: Unknown