Kolom Tutorial: Membuat Daftar Isi Blog Pada Halaman Artikel

Untuk membuat daftar isi ini mirip dengan cara membuat daftar isi pada bagian ke-1, hanya pada script-nya saja yang berbeda. Untuk lebih jelasnya kamu dapat mengikuti langkah-langkah berikut:

Login ke Blogger.
Kemudian buat sebuah Entri Baru dan pilih Edit HTML.
Berilah judul, misalnya: Daftar Isi.
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:
<div id="cl_option"> Loading... </div>
<div id="cl_content_list"></div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 500;</script>
<script src="http://my-project-daftar-isi-blog.googlecode.com/files/zikri%20adam%20syafitra%20blogtoc-v3.js"></script>
<script src="http://NamaBlog.blogspot.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed&max-results=9999"></script>
Oya, kamu juga dapat mengubah jumlah karakter ringkasannya tidak 500. Misalnya dengan: 200, 300, 400, 600, dst.
Setelah di-paste, klik Terbitkan Entri

Seperti pada pembuatan daftar isi bagian I, kamu juga harus membuatkan link untuk daftar isi ini yang bisa kamu tempatkan di navbar menu atau di sidebar. Link-nya misalnya seperti ini:

<a href="http://NamaBlog.blogspot.com/2009/03/daftar-isi.html">Daftar Isi</a>

(2009/03/daftar-isi.html menunjukkan artikel yang berjudul "Daftar Isi" dibuat pada bulan Maret 2009)

Selain itu kamu juga dapat menambahkan perintah overflow supaya tidak terlalu memanjang jika jumlah artikel pada blog kamu sudah banyak, misalnya seperti ini:

<div style="overflow:auto; border: 1px solid #CCC; margin:0px; padding:10px; width:auto; height:500px; background-color:#F0F0F0; text-align:left;">Script Yang Dicopykan</div>

Source: Membuat Daftar Isi Blog Pada Halaman Artikel http://www.zas-xp.com/2011/05/membuat-daftar-isi-blog-pada-halaman.html#ixzz1ZbRpDTfY
Under Creative Commons License: Attribution

Bagi yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, ZAS-XP rekomendasikan anda belajar di sini «« Ayo di klik biar situsnya keluar