Ada beberapa macam cara untuk membuat daftar isi atau Table Of Content (TOC)
yaitu ada yang disimpan di sidebar atau dipostingan, ada yang
berdasarkan label atau tanggal posting dll.. Dan sekarang saya akan
posting tentang Cara Membuat Daftar Isi Sesuai Label atau Category.
Membuat
daftar isi di blog tentu sangat dibutuhkan untuk memudahkan pengunjung
mencari artikel/materi yang dibutuhkan, tentu ini sebagai salah satu
bentuk pelayanan prima bagi pengunjung, apalagi jika artikelnya sudah banyak.
Nah kali ini saya akan posting sekalian menjawab sobat yang bertanya tentang bagaimana Cara Membuat Daftar Isi Berdasarkan Label atau Kategori yang disimpan pada halaman posting seperti contoh Daftar Isi pada blog ini.
Cara membuat Daftar Isi ini saya dapatkan dari blognya Abu Farhan dan sudah saya edit sendiri, langkah-langkahnya seperti ini :
- Login dulu ke http://www.blogger.com/
- Kemudian buat sebuah Entri Baru dan pilih Edit HTML. atau kalau biasa pake Windows Live Writer (WLW) gunakan modus Source atau Sumber.
- Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
- Copy Paste script dibawah ini dan ganti nama hazirah-muslimah.blogspot.com dengan nama Blog anda :
<script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"> </script>
<script src="http://hazirah-muslimah.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
- Setelah di-paste, klik Terbitkan Entri atau publish dan lihat hasilnya
- Kalau artikelnya sudah banyak bisa ditambah fungsi
scrol yang di pasang sebelum code no. 4 , sehingga lengkapnya akan
seperti ini : (Kode warna pink silahkan sesuaikan, kalaupun mau dihapus juga silahkan) :
<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
<p align="center">
<font size="4">Daftar Isi Blog Berdasarkan Label / Category</font></p>
<script style="text/javascript" src="http://saungweb.googlecode.com/files/TOCcategory.js"></script>
<script src="http://saungweb.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p>
Untuk melihat <a href="http://saungweb.blogspot.com/2010/04/daftar-isi-berdasarkan-tanggal-posting.html" target="_blank">Daftar Isi Berdasarkan Tanggal Posting</a> silahkan di klik aja sob.</p>
</div> - Langkah selanjutnya tinggal buat link yg menuju ke postingan ini dan bisa disimpan di navbar menu atau di sidebar dll, contoh :
<a href='http://hazirah-muslimah.blogspot.com/2010/12/daftar-isi.html' target='_blank'>Daftar Isi Berdasarkan Label </a>
dan :
<a href='http://hazirah-muslimah.blogspot.com/2010/12/daftar-isi-berdasarkan-tanggal-posting.html' target='_blank'>Daftar Isi Berdasarkan Tanggal Posting</a>
Oh ya dulu pernah juga posting Cara Membuat daftar isi yang disimpan disidebar namun gak dipakai lagi. karena sekarang pakai Daftar Isi Sesuai Label dan Tanggal Posting.
Selamat
mencoba semoga berhasil ohya.. jangan kaget kalau saat loading pertama
daftar isinya agak lama ya.. dan untuk daftar isi berdasarkan tanggal
posting tunggu postingan selanjutnya yaaaa…..
Tidak ada komentar:
Posting Komentar