Friday, August 2, 2013


Cara Membuat Daftar Isi 'Keren' pada Blogspot Secara Otomatis - Daftar Isi (sitemap) pada blog sama halnya dengan daftar isi yang sobat temui pada majalah, buku dan sejenisnya. Khusus untuk blog fungsinya sebagai susunan artikel berupa kumpulan tautan judul postingan yang terstruktur. List daftar isi pada blog dapat menampilkan perlabel, abjad dan lain-lain, sesuai setelan dan modikasi.


Tutorial kali ini adalah membuat daftar isi artikel blog otomatis yang unik dan menarik. Modifikasi dari Om Farhan ini menggunakan teknik kolaborasi JavaScript dan Jquery sehingga terlihat dinamis. Tampilan daftar isi perlabel seperti menu navigasi vertikal. Screenshootnya dapat sobat lihat pada menu daftar isi blog ini. Admin meletakkan pada halaman posting, tepatnya mempaste kode di editor HTML post. Sobat dapat juga menampilkannya melalui sidebar atau widget lainnya. 

Tujuan membuat daftar isi blog terutama sekali adalah memudahkan pengunjung menelusuri blog sobat sehingga meningkatnya Pageview blog dan artikel populer. Nah, berikut cara memasang daftar isi blog otomatis, cekidot:
1.  Setelah sobat berada pada halaman Dashboard Blogger,
2.  Untuk pemasangan di sidebar sehinga dapat tampil di
     halaman utama maupun postingan lainnya:
     a. Beralih ke Tata Letak, klik Tambahkan Gadget,
     b. Pilih HTML/JavaScript,
     c. Masukkan kode di bawah ini ke dalam kotak tersebut,
<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.jalubijak.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>
         ____ Simpan Template.

3. Untuk pemasangan pada 'halaman post' caranya mudah, cukup membuat entri baru dan copykan
    script di atas di dalam editor HTML posting, beri judul Daftar isi atau Sitemap.

Demikian cara membuat daftar isi otomatis pada blog, semoga bermanfaat. Happy blogging

1 comment: