![]() |
Daftar isi otomatis (Foto: Lutfietutor) |
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>____Ubah url berwarna biru menjadi alamat blog sobat.
<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js">
</script>
<script src="http://www.walman.org/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.
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
Tidak ada komentar:
Posting Komentar