Rabu, 19 Juni 2013
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.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>
<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>
Ubah url
berwarna biru menjadi
alamat blog sobat.
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
- See more at: http://www.walman.org/2013/05/cara-membuat-daftar-isi-di-blog.html#sthash.13Sqlw1D.dpuf-
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
- See more at: http://www.walman.org/2013/05/cara-membuat-daftar-isi-di-blog.html#sthash.13Sqlw1D.dpuf-
