Cara Buat Daftar Isi Dengan Fasilitas Scroll Bar

Langsung ke TKP aja Gan

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

<div style="overflow:auto; padding:5px; width:440px; height:150px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style>

<div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">

<div class="list">
1. <a href="http://blogg-id.blogspot.com/2010/12/cara-buat-daftar-isi-dengan-fasilitas.html">Cara buat daftar isi dengan fasilitas Scroll Bar</a></div>

<div class="list">
2. <a href="http://blogg-id.blogspot.com/2010/11/cara-membuat-read-more-otomatis-pada.html">Cara membuat read more otomatis pada postingan Blogspot </a></div>

<div class="list">
3. <a href="http://blogg-id.blogspot.com/2010/12/cara-memperbanyak-visitor-pada-blog.html">Cara memperbanyak visitor pada blog</a></div>


</div></div>

Keterangan::440px merupakan lebar kotak, 150px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.
Jangan lupa
Ganti tulisan yang berwarna Merah dengan alamat postingan anda dan ganti tulisan berwarna Biru dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode 1,2 atau 3 dan letak kan di bawah nya
Jangan lupa untuk mengganti angkanya dengan angka 4 dan seterusnya jika anda ingin menambah postingan baru lagi.

• Kalo sudah klik Save Template.

Selesai deh Gan