ACEHWORKING: Cara Membuat Kotak Daftar Isi

Tidak perlu berbasa-basi, untuk contoh lihat di sebelah kanan blog saya "Daftar Isi". Untuk membuatnya sangatlah mudah (asalkan otaknya nyampe hehe), ikuti langkah ini :

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/AVvXsEi7Tfx5GQRrXYA9_IRknSdCqTBb44eBdfXbwIG2zOIlyZXctvrdGLNFe7pfWUE7C7jhxMgP-FIdlg72E7T1djn7mv-rE86rGywa9absB_YDBLyNgL4iaYSJsmYMzL_RpEf9_F2j-_XtWHdP/") 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://abi-galoga.blogspot.com/2009/10/membuat-judul-blog-pada-tab-bergerak.html
Berikut contoh jadinya

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Tfx5GQRrXYA9_IRknSdCqTBb44eBdfXbwIG2zOIlyZXctvrdGLNFe7pfWUE7C7jhxMgP-FIdlg72E7T1djn7mv-rE86rGywa9absB_YDBLyNgL4iaYSJsmYMzL_RpEf9_F2j-_XtWHdP/") 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="http://acehworking.com/2009/10/membuat-judul-blog-pada-tab-bergerak.html">Membuat Judul Blog Pada Tab Bergerak</a></div>

</div>