by.http://ruangsc.blogspot.com/2010/01/membuat-daftar-isi-blog-pada-halaman.html
Bagi blog yang sudah memiliki banyak tulisan dengan kategori yang bebeda-beda, menambahkan
TagCloud dan
Blog Archieve saja tidaklah cukup. Karena itu perlu adanya penambahan
site map (peta situs), yang dalam hal ini adalah daftar isi
(table of content), dimana dengan daftar isi ini setiap pengunjung dapat melihat keseluruhan artikel yang terdapat di dalam blog tersebut melalui judul-judul artikel yang ditayangkan.
Ada beberapa bentuk daftar isi
(table of content) yang biasa digunakan para blogger, mulai yang disimpan pada halaman artikel,
widget sidebar, sampai yang dibuat sebagai halaman blog. Nah, kali ini saya akan coba membahas tentang
table of content yang ditempatkan pada halaman artikel.
Pada tulisan pertama ini akan dibahas mengenai daftar isi
(table of content) yang dibuat oleh
Abu Farhan, salah seorang Master Blogger kita yang sudah sangat terkenal hingga manca negara. Ada dua jenis yang ia buat:
Pertama, daftar isi yang diurutkan
berdasarkan kategori atau label, dan
kedua,
diurutkan berdasarkan tanggal posting.
Daftar Isi Berdasarkan Label
Contoh daftar isi ini bisa kamu lihat di
blog ini. Dan cara membuatnya:
- Seperti biasa, login ke Blogger.
- Kemudian buat sebuah Entri Baru atau Laman Baru dan pilih Edit HTML.
- Berilah judul, misalnya: Daftar Isi Berdasarkan Label.
- Jika memilih Entri Baru, klik pada Opsi Entri dan setting supaya dipublikasikan mundur (ke tanggal pertama kali kamu posting).
- Kopikan script berikut (gunakan Control C) dan ganti NamaBlog sesuai nama Blog kamu:
<script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v1.js"></script>
<script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
atau kamu bisa gunakan source script aslinya dari Abu Farhan, dengan mengganti alamat berwarna biru dengan alamat ini:
http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js
- Setelah di-paste, klik Terbitkan Entri dan ucapkan Alhamdulillah...
Daftar Isi Berdasarkan Tanggal
Contoh daftar isi ini bisa kamu lihat di
blog ini. Dan cara membuatnya:
- Langkah ke-1 sampai dengan ke-4 sama dengan di atas.
- Kopikan script berikut dan ganti NamaBlog sesuai nama Blog kamu:
<script style="text/javascript" src="http://enes-sc.googlecode.com/files/blogtoc-v2.js"></script>
<script src="http://NamaBlog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
atau kamu bisa gunakan source script aslinya dari Abu Farhan, dengan mengganti alamat berwarna biru dengan alamat ini:
http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js
- Setelah di-paste, klik Terbitkan Entri dan ucapkan Alhamdulillah...
Sekarang tinggal kamu pilih salah satu dari kedua model daftar isi itu. Atau jika mau kedua-duanya juga boleh, hanya harus dibuat dua halaman berbeda. Setelah itu buatlah
link ke daftar isi ini.
Link ini bisa kamu tempatkan pada
navbar menu atau pada
sidebar blog kamu (lebih jelasnya tentang link, silahkan baca
artikel ini).
Link-nya misalnya seperti ini (jika memilih entri baru):
<a href="http://NamaBlog.blogspot.com/2009/03/daftar-isi-berdasarkan-label.html">Daftar Isi</a>
atau seperti ini (jika memilih laman baru):
<a href="http://NamaBlog.blogspot.com/p/daftar-isi-berdasarkan-label.html">Daftar Isi</a>
Jika tulisan-tulisan kamu sudah banyak sehingga jika dilihat daftarnya akan sangat panjang, maka buatlah
scroll untuk daftar isi ini <div style="overflow:auto; padding-left:5px; width:100%; height:250px;">, script copas, </div>., seperti daftar isi pada
blog ini. Caranya kamu tinggal menambahkan perintah
overflow.
Ok coy, selamat mencoba....
Adding recent comments widget in your 
