Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS

Assalamu’alaikum wr. wb.

Kali ini blog Horier akan membahas trik Blogger tentang Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS. Membuat Daftar Isisangatlah penting bagi para pengunjung blog kita, sebab dengan adanya daftar isi maka semua artikel yang ada di blog kita akan terpampang layaknya kita pergi ke restoran dan melihat menu-menu yang disajikan. Nah, bila masih penasaran cara membuat daftar isi sangatlah gampang koq. Untuk live demo-nya ada di daftar isi blog ini. Trik ini aku peroleh dari web-nya Om Abu Farhan.

Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS :

1.     Login ke Blogger – New Post.

2.     Pilih opsi Edit HTML dan 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://horier.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>

3.     Ganti “horier.blogspot.com”dengan alamat temen-temen blogger.

4.     Setelah selesai, tinggal di Post deh.

Mudahkan untuk Membuat Daftar Isi/Sitemap Blog dengan Tampilan CSS, jika teman-teman suka dengan artikel  Cara Membuat Daftar Isi/Sitemap Blog Otomatis dengan Tampilan CSS. Mohon  untuk klik tombol Share ya yang ada dibawah artikel ini.

Blog ini sedang mengukuti Kontes SEO, jadi bila teman-teman tidak keberatan mari kunjungi artikel’ku Top 1 Oli Sintetik Mobil-Motor Indonesia dan mohon dukungannya ya dengan meng-klik tombol Share dibawah artikel tersebut. Terima kasih kepada teman-teman yang mau untuk berpartisipasi, Salam Blogger . . . ^^

Selamat menikmati dan semoga berhasil . . . Alhamdulillah ^^