Daftar isi adalah cara mudah kita mencari serta menyimpan posting yang kita buat, manfaat lain blog kita jadi lebih cantik dan simple. Kita dapat menempatkan daftar isi tersebut di sidebar dengan berbagai ragam gaya dan warna, caranya sebagai berikut
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:175px; height:300px; background-color: #FF0000; border:0px #070719;">
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/jika-kamu-pengen-search-engin-itu.html">Membuat search enggine di navbar</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/membuat-daftar-isi-blog-otomatis.html">Membuat Daftar isi otomatis</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-iklan-melayang-pop-up.html">Membuat Iklan Melayang</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-buku-tamu-tersembunyi.html">Membuat Buku Tamu</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-blogroll.html">Membuat Blogroll</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-iklan-melayang.html">Membuat Recent Coment</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-header-blog-menjadi-2.html">Membuat Header jadi 2 kolom</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/meng-auto-hide-kan-navbar-blogger.html">Membuat Navbar Auto Hide</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-menampilkan-file-word-excel-power.html">Menampilkan File Word,Exel dan Power poin di blogspot</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-pasang-statistik-dan-tracker.html">Cara Pasang Statistik dan tracker</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/membuat-banner-animasi.html">Membuat Banner Animasi</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/pasang-widget-kode-warna-di-blog.html">widget kode warna</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/membuat-foto-dengan-efek-animasi.html">Membuat photo animasi</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/membuat-link-exchange.html">Membuat link Exchance</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-kotak-scrollbar-blog.html">Cara membuat kotak Scrollbar</a></div>
</div>
5. Maka akan tampil seperti dibawah ini:
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!
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:175px; height:300px; background-color: #FF0000; border:0px #070719;">
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/jika-kamu-pengen-search-engin-itu.html">Membuat search enggine di navbar</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/membuat-daftar-isi-blog-otomatis.html">Membuat Daftar isi otomatis</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-iklan-melayang-pop-up.html">Membuat Iklan Melayang</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-buku-tamu-tersembunyi.html">Membuat Buku Tamu</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-blogroll.html">Membuat Blogroll</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-iklan-melayang.html">Membuat Recent Coment</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-header-blog-menjadi-2.html">Membuat Header jadi 2 kolom</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/meng-auto-hide-kan-navbar-blogger.html">Membuat Navbar Auto Hide</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-menampilkan-file-word-excel-power.html">Menampilkan File Word,Exel dan Power poin di blogspot</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-pasang-statistik-dan-tracker.html">Cara Pasang Statistik dan tracker</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/membuat-banner-animasi.html">Membuat Banner Animasi</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/pasang-widget-kode-warna-di-blog.html">widget kode warna</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/membuat-foto-dengan-efek-animasi.html">Membuat photo animasi</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/membuat-link-exchange.html">Membuat link Exchance</a></div>
<div class="list">
<a href="http://www.aksarakarsa.co.cc/2011/04/cara-membuat-kotak-scrollbar-blog.html">Cara membuat kotak Scrollbar</a></div>
</div>
5. Maka akan tampil seperti dibawah ini:
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!