Cara Membuat Widget Daftar Isi

                                           

Table of contents atau yang sering di singkat dengan TOC merupakan widget yang harus sobat pasang di blog sobat, karena dengan adanya widget TOC, visitors blog sobat dapat mengetahui semua konten yang sudah kita publikasikan ke blog kita baik yang sudah lawas atau yang terbaru. Widget Table of Contents atau Widget Daftar isi ini menampilkan title dari postingan kita yang sudah di atur sesuai dengan label.

Widget daftar isi ini, tidak seperti widget daftar isi yang lain. Widget ini sangat menakjubkan buat saya pribadi, karena memiliki banyak kelebihan jika di bandingkan dengan widget table of contents yang lain. Berikut kelebihan atau fitur yang terdapat dalam widget Table Of Contents.

1. Menampilkan Accordion effect
2. Menampilkan efek Show and Hide
3. Mengunakan CSS 3
4. Secara otomatis menambahkan Jquery
5. Secara otomatis mengurutkan judul
6. Warna yang berbeda untuk konten
7. Menggunakan style buka tutup
8. Menampilkan tulisan "New !!" pada 10 postingan yang baru-baru ini kita publikasikan

Cara Membuat Widget Daftar isi :

• Login di blogger.com
• Klik Create New Post

• Buat Judul untuk Daftar isi ini

• Klik HTML

• Masukkan kode berikut :

<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://iswahyuniiswahyuni.blogspot.com/ /feeds/posts/summary?max-results=99999&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  http://iswahyuniiswahyuni.blogspot.com/  dengan URL blog sobat
• Kemudian klik Publish

Lihat hasil dari daftar isi yang sudah sobat blogger buat! Puas apa tidak dengan tampilan daftar isi tersebut? Kalau puas, tidak usah berterima kasih kepada saya sebagai orang yang membuat tutorial blog ini, tapi berterimakasihlah kepada senior kita yang telah membuat kode ini, Abu Farhan. Semoga Allah selalu melimpahkan Nikmat dan Rahmat atasmu. Saya bangga, dengan hasil karya yang sudah Abu Farhan buat. 

By : Cutt Iswahyuni