Cara Membuat Daftar Isi Animasi CSS3

Daftar Isi sangatlah penting untuk membuat blog anda semakin rapi. Semakin bertambahnya posting, tentunya akan menggeser postingan lama hingga terlupakan dan mungkin tidak pernah terjangkau lagi oleh pengunjung.
bagaimana cara mengatasinya?
Gampang Sekali! Kita bikin aja sebuah daftar isi yang diurutkan berdasar label dan diurutkkan berdasar abjad, bukan cuma itu aja! Posting terbaru akan mendapat label new!!!. Selain itu daftar isi ini memiliki animasi ketika label tersebut di klik. Oh ya tutorial ini saya dapat dari mas Abu farhan

Langsung saja pasang di blog kamu, caranya:

1. Login blogger

2. Rancangan >> Edit Laman

3. Tambah Gadget >> Pilih Html java script

4. Copy kode 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://www.tutorialblogz.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>

5. Ganti tulisan merah dengan alamat blog sobat

6. Kemudian Save dan liat hasilnya

>>Tutorial Gratis<<