Membuat Daftar Isi Blog ( SEO Friendly )

Sobat semua pasti tau dong Daftar Isi itu apa, Seperti yang ada di cover pertama buku-buku itu loh,, :) . Saya kepincut waktu liat daftar isi milik Sobat iq-dua3 dan melihat postingan mengenai daftar isi ini. Daftar isi yang ini jauh lebih keren dan lebih SEO Friendly sobat dari daftar isi yang lainnya. Sobat tidak percaya ???? Coba deh sobat semua lihat demonya DISINI

Saya menggunakan coding miling Abu Farhan. Code yang beliau buat berdasarkan kepada accordion dan punya tampilan sangat cantik alias keren abizzz....

Sobat semua tertarik untuk menggunakan Daftar isi ini pada blog sobat...??? Ada 2 cara, so mari kita praktek bagaimana cara membuatnya ... Inilah Caranya:

CARA PERTAMA #1

Klik Posting, Laman Baru, kemudian Edit Laman, lalu Edit HTML
Pada Judul Laman masukkan Daftar Isi
Masukkan kode berikut pada kotak untuk isinya:

<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://gapteka-z.blogspot.com/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>

Setelah selesai klik Publish.

nb: ganti tulisan berwarna Merah ( gapteka-z.blogspot.com ) dengan alamat blog milik Sobat.

CARA KEDUA #2
Jika sobat ingin menaruhnya pada sidebar sobat ... berikut adalah caranya :

klik DESIGN > TATA LETAK > ADD GADGET, pilih yang HTML/JAVA SCRIPT.
beri judul Daftar Isi atau yang lain sesuai keinginan sobat,
copy script di atas lalu pastekan pada kolom di konten,
klik save/simpan,
atur letak gadget tersebut sesuai keinginan sobat,
kemudian pilih simpan pengaturan.

Bagaimana sobat, mudah bukan ..... ^_^

Sumber : http://iq-dua3.blogspot.com/2012/02/membuat-daftar-isi-otomatis-keren.html
Dengan sedikit peng-editan dari admin. ^_^