Membuat daftar otomatis atau sitmap keren di blogspot
Tutorial kali ini adalah membuat daftar isi artikel blog otomatis yang unik dan menarik. Modifikasi dari Mas Farhan ini menggunakan teknik kolaborasi JavaScript dan Jquery sehingga terlihat dinamis. Tampilan daftar isi perlabel seperti menu navigasi vertikal.
Tujuan membuat daftar isi blog terutama sekali adalah memudahkan pengunjung menelusuri blog sehingga meningkatnya Pageview blog dan artikel populer. Nah, berikut cara memasang daftar isi blog otomatis:
- Setelah sobat berada pada halaman Dashboard Blogger,
- 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>
Tanda # ganti dengan alamat blog.
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script>
<script src="#/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>
d. Selesai, Simpan Template.
- 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.
- Jika tidak mau menampilkan di homepege bikin aja tanggal p0sting yang sudah lewat.