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/AVvXsEj42b6fgcY9HAcmAYKD_xyKgZCgXSICs23snOYu0jqLU8sD-5j63tvI39ZqMplsLNd-7sav-po9NBdC6f2zPra_hR2T0Yaa4KkGsRBJdqPRLX8xkAPQLr7-FMvWlKkqVQT3jTbcwjAJ3W-j/") 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 :
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/AVvXsEj42b6fgcY9HAcmAYKD_xyKgZCgXSICs23snOYu0jqLU8sD-5j63tvI39ZqMplsLNd-7sav-po9NBdC6f2zPra_hR2T0Yaa4KkGsRBJdqPRLX8xkAPQLr7-FMvWlKkqVQT3jTbcwjAJ3W-j/") 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/AVvXsEj42b6fgcY9HAcmAYKD_xyKgZCgXSICs23snOYu0jqLU8sD-5j63tvI39ZqMplsLNd-7sav-po9NBdC6f2zPra_hR2T0Yaa4KkGsRBJdqPRLX8xkAPQLr7-FMvWlKkqVQT3jTbcwjAJ3W-j/") 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://abi-galoga.blogspot.com/2009/10/membuat-judul-blog-pada-tab-bergerak.html">Membuat Judul Blog Pada Tab Bergerak</a></div>
</div>
Selesai. Jika masih ada yang kurang di mengerti bisa tanyakan dan saya akan menjawabnya jika saya mampu
By : abi-galoga.blogspot.com
makasih infonya,,,