Cara Buat Daftar Isi Dengan Fasilitas Scroll Bar

Ikuti ajJah langkah-langkahnya di bawah ini :

1. Login ke Blogger.
2. Buka menu Layout -> Page Elements
3. Klik Add a Gadget -> HTML/Javascript.
4. Masukkan kode dibawah ini kedalam kotak

Daftar isi menggunakan icon kecil di sampingnya.

<style>
.list {
background: url("http://i1011.photobucket.com/albums/af233/fadil_094/arrow.jpg") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>

<div style="border: 1px solid rgb(255, 255, 255); margin: 1px; padding: 3px; overflow: auto; width: 280px; height: 200px; background-color: #F5F5F5;">

<div class="list">
<a href="http://fadil-rubikers.blogspot.com/2010/09/cara-membuat-disable-klik-kanan.html">Cara Mendisable Klik Kanan</a></div>

<div class="list">
<a href="http://fadil-rubikers.blogspot.com/2010/09/cara-mengganti-favicon-blog.html">Cara Mengganti Favicon Blog</a></div>

<div class="list">
<a href="http://fadil-rubikers.blogspot.com/2010/09/langsung-ajah-ya-1.html">Cara Merubah Cursor Menjadi Gambar</a></div>

</div>

Keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.
Ingat:
Ganti tulisan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode  
</div>
5. Kalau sudah klik Save Template.
Selesai.

Selamat Mencoba