1. Login ke Blog anda > Layout (tata letak) > Page Elements (laman elemen) Add a Gadget (tambah gadget) > HTML/JavaSript
2. Copy-paste kode berikut ini di kotak konten
<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDqpfB8NKkCFoHcKIWPagZwbNUMSrd9wGx-APSe3Fco6QW8u58uoqt4yMRyHzJoeyPdvbZKkvsDhTYzuYkZOSq9D9VsVVR7wHNUAB58UQsf0axjc1Y55rNMjEnxj9j9zuPgbOyCkCyTjT_/") 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:280px; height:200px; background- border:1px solid #ffffff;">
<div class="list">
<a href="URL postingan anda">Judul Postingan anda</a></div>
</div>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDqpfB8NKkCFoHcKIWPagZwbNUMSrd9wGx-APSe3Fco6QW8u58uoqt4yMRyHzJoeyPdvbZKkvsDhTYzuYkZOSq9D9VsVVR7wHNUAB58UQsf0axjc1Y55rNMjEnxj9j9zuPgbOyCkCyTjT_/") 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:280px; height:200px; background- border:1px solid #ffffff;">
<div class="list">
<a href="URL postingan anda">Judul Postingan anda</a></div>
</div>
Keterangan :
- Kode yang bercetak tebal di atas harus anda tambahkan sesuai banyaknya posting anda.
- Kode yang berwarna merah ganti dengan URL / Link posting anda. Contoh URL / Link posting misalnya seperti ini http://alulnaxkudus.blogspot.com/2011/12/cara-membuat-kotak-daftar-isi-di-blog.html
-==™ OK.. Selamat Mencoba ™==-
-=* Semoga Berhasil *=-