Cara Buat Daftar Isi Dengan Fasilitas Scroll Bar

Apakah ini yang anda Cari-Cari???

Contoh :

Cara Menghilangkan Icon Obeng & Tang di Blog

Cara Membuat Link Berkelip-Kelip

Cara Membuat Tulisan Berjalan "MARQUEE"

Cara Hitung Mundur Pesta Blogger 2009

Menampilkan Kode HTML/JavaScript Pada Blog

Cara Menghilangkan noFollow Pada Komentar

Menulis Kode Script Pada Blogger

Cara Memasang ShoutMix Pada Blog

Cara Menghilangkan Tanggal Postingan Pada Blog

New Post Editor Dari Blogger Untuk Blogspot

Cara Membuat Label 3D Ala Blogumus

Bermacam-Macam Jam Animasi Untuk Blog

Memasang Emoticon Pada Form Komentar

Anda Tertarik..!!!


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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-QyaSWTPGTkMTTBG48xnDxmy-zMkgleqbLj55bRsmAcu5zDWLQDlhk6RWZW8jNOngaWu2e2IgWJ14uhPRv9ybWLvP_QuIrJ8HuRFvsk4qaFVbOrAia9UTLvFcH5D0QOJIttnUYZz-nyM/") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>

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

<div class="list">
<a href="http://themahyonk.blogspot.com/2009/09/cara-menghilangkan-icon-obeng-dan-tang.html">Cara Menghilangkan Icon Obeng & Tang di Blog</a></div>

<div class="list">
<a href="http://themahyonk.blogspot.com/2009/09/cara-membuat-link-berkelip-kelip.html">Cara Membuat Link Berkelip-Kelip</a></div>

<div class="list">
<a href="http://themahyonk.blogspot.com/2009/09/cara-membuat-tulisan-berjalan-marquee.html">Cara Membuat Tulisan Berjalan "MARQUEE"</a></div>

</div>

> Daftar isi menggunakan angka disampingnya

<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://Alamat Url yang ingin di Tampilkan">Cara Mnghilangkan Navbar</a></div>

<div class="list">
2. <a href="http://Alamat Url yang ingin di Tampilkan">Panduan membuat blog di blogger</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>

Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.

5. Kalau sudah klik Save Template.

Selesai.

 Selamat Mencoba