™Kami Segenap Keluarga Besar JJK Mengucapkan Selamat Hari Raya Idul Fitri 1433 H,, Minal'aidzin Walfaidzin Mohon Maaf Lahir & Batin...™

Rabu, 15 Agustus 2012

Cara membuat kotak daftar isi blog dengan Scrooll

Kemarin ada salah satu pertanyaan buat saya dari pengunjung blog ini yang mana dia menanyakan bagaimana cara membuat kotak daftar isi seperti yang terlihat pada kanan blog ini,sayapun menjawabnya langsung melalui sms kalo daftar isi dikanan blog ini hanya dibuat secara manual dengan fungsi scroll,tapi untuk jelasnya biar aq posting saja ya...


Ya walau tutorial seperti hanya untuk pemula tapi gk apalah lha wong saya juga baru kemarin ko9k belajar ngeblognya,he he he....
ok.langsung aja ke tkp!


  1. Loggin ke blogger
  2. Klik rancangan/tata letak
  3. Add gadget/tambah gadget
  4. Masukkan kode dibawah ini:
<style>

.list {
background: url("http://i1011.photobucket.com/albums/af239/sabarmuanas/sideicon.gif") 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:220px; height:350px; background-color: #fffff; border:0px solid #000000;">


<div class="list">
<a href="http://setya-wa2n.blogspot.com/2012/02/crazy-little-thing-called-love-first.html">"A Crazy Little Thing Called Love" [first love]</a>
</div>
<div class="list">
<a href="http://setya-wa2n.blogspot.com/2011/11/buku-hitam-langit.html">BUKU HITAM LANGIT</a>
</div>
<div class="list">
<a href="http://setya-wa2n.blogspot.com/">Home :D</a>
</div>
</div>
 
----------------------------------------------------------------------------------------------------------------------------------
NB:
- yang berwarna merah adalah Lebar dan Tinggi
- yang berwarna Biru adalah Artikel dari URL Posting Blog kamu

Tidak ada komentar:

Posting Komentar

LinkWithin

Related Posts Plugin for WordPress, Blogger...