Senin, 26 Maret 2012

Filled Under:

Cara membuat kotak daftar isi blog

Cara membuat kotak daftar isi blog >>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://desta17.blogspot.com/2012/03/cara-membuat-kotak-daftar-isi-blog.html">Cara Membuat Daftar Isi Blog</a></div>
          </div>

Keterangan:
  • yang saya beri warna merah adalah ukuran lebar dan tinggi kotaknya,sesuaikan dengan ukuran sidebar kamu
  • yang berwarna hijau adalah alamat/URL dari artikel kamu
  • sedangkan tulisan yang berkedip adalah salah satu contoh ancor untuk judul postinganya.


Mudah kan? selamat mencoba!




3 komentar:

  1. ini yang saya cari .. makasih infonya [link back ya]

    BalasHapus
  2. setelah sy coba kok hasil tdk spt contoh ..tdk ada kotak nya yg bs di scroll ..mhn jawaban di rizface0309@gmail.com tks

    BalasHapus
  3. ok mas udah saya jelasin lewat email..
    thanks kunjungannya

    BalasHapus