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/AVvXsEiauMXicpYRPvsgbBR80ShxhIkGlOtlU0A2bmCsSVaW9Q_nhrqNaxdoUyl19ZIT-bv3hHqTT8AgcXPVNIqxe6ZZyvP5ICO2oYg-cLcpgoTm_TZ-N4ly9AU8yW0KbFnyqnOmTI-z18GKWY0h/") 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 :
<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiauMXicpYRPvsgbBR80ShxhIkGlOtlU0A2bmCsSVaW9Q_nhrqNaxdoUyl19ZIT-bv3hHqTT8AgcXPVNIqxe6ZZyvP5ICO2oYg-cLcpgoTm_TZ-N4ly9AU8yW0KbFnyqnOmTI-z18GKWY0h/") 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

3 komentar:

Unknown, 6 November 2010 at 21:31 | [Reply]

Bagus neh bos...
Numpang pake di BLOG SAYA yahhh...
Makasih banyak sebelumnya....

Salam Kenal,
JOHNY

Dimas Abi Galoga, 7 November 2010 at 04:24 | [Reply]

@John Pinem oke sob silahkan. salam kenal juga

danang andrie kurniawan, 20 November 2011 at 06:17 | [Reply]

Gk Ad kotak nya gan ...
yg biasa di pake' blog - blog lain gmna ya gan ...
mohon petunjuknya ... terima kasih

by : danang

Post a Comment

Kotak Komentar Klasik Klik Di sini

« Prev Next » Home