Cara membuat daftar isi keren di Bloger. Buat sobat sama temen-temen bloger semua yang lagi cari-cari gimaa sih cara membuat daftar isi di bloger??? Oke buat temen-temen saya akan jelasin dech bagaimana caranya membuat Daftar isi di bloger. " Oke langsung saja eaa ke pokok pembahasan.
Langkah pertama :
.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:250px; height:360px; background-color: #fffff; border:0px solid #000000;">
<div class="list">
<a href="http://www.venusa69.co.cc/2011/09/manfaat-makan-pisang-di-balik-se-b-uah.html">MANFAAT MAKAN PISANG </a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/coffee-maker-machine.html">Coffee Maker Machine </a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/02/domain-gratisan-cocc.html">Membuat background berwarna pada postingan</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/02/cara-mengobati-sakit-mata.html">Cara mengobati Sakit mata.</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/free-download-crack-keygen-serial-yang.html">Free Download crack, keygen, serial yang aman
</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2011/08/sistem-pendingin-mesin-menggerakan.html">Sistem pendingin Engine</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/teman-teman-kali-ini-aku-ingin.html">Plihara Binatang Pliharaan Di Blog</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/membuat-search-engin-pada-navbar-blog.html">Membuat search engin pada navbar blog</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/cara-menghapus-widget-yang-terkunci.html">Cara Menghapus widget yang terkunci</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/cara-membuat-navbar-auto-hidden.html">Cara membuat navbar auto hidden</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/cara-menghapus-komentar-blog.html">Cara menghapus komentar blog</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/membuat-dua-element-dibawah-header.html">Membuat dua element dibawah header</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/membuat-3-kolom-element-dibawah-header.html">Membuat 3 kolom element dibawah header</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/bertukar-link-dengan-adil.html">Bertukar link dengan adil</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/tv-online.html">TV Online - Mivo TV </a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/02/edit-photo-online.html">Edit Photo Online</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/smartphone.html">SmartPhone.</a></div>
</div>
Untuk Url yang saya kasih warna biru anda ganti dengan alamat postingan URL anda. sesangkan yang saya kasih warna merah Anda Ganti dengan Judul Postingan sobat. Ok selamat mencoba dan semoga berhasil teman-teman.
jangan lupa yang terakhir kasih judul widget anda sesuai keinginan anda dan save dech. berikut contoh hasilnya Daftar isi dari blog saya.
Langkah pertama :
- Seperti biasa Ada login ke Bloger anda.
- Masuk ke setingan blog.
- Dan pilih layout/Tata Letak.
- Tambah Widget. baru.
- Pilih Menu HTML/Java Scrift.
- Paste dech Kode di bawah ini Ke Widget Baru anda.
.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:250px; height:360px; background-color: #fffff; border:0px solid #000000;">
<div class="list">
<a href="http://www.venusa69.co.cc/2011/09/manfaat-makan-pisang-di-balik-se-b-uah.html">MANFAAT MAKAN PISANG </a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/coffee-maker-machine.html">Coffee Maker Machine </a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/02/domain-gratisan-cocc.html">Membuat background berwarna pada postingan</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/02/cara-mengobati-sakit-mata.html">Cara mengobati Sakit mata.</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/free-download-crack-keygen-serial-yang.html">Free Download crack, keygen, serial yang aman
</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2011/08/sistem-pendingin-mesin-menggerakan.html">Sistem pendingin Engine</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/teman-teman-kali-ini-aku-ingin.html">Plihara Binatang Pliharaan Di Blog</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/membuat-search-engin-pada-navbar-blog.html">Membuat search engin pada navbar blog</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/cara-menghapus-widget-yang-terkunci.html">Cara Menghapus widget yang terkunci</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/cara-membuat-navbar-auto-hidden.html">Cara membuat navbar auto hidden</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/cara-menghapus-komentar-blog.html">Cara menghapus komentar blog</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/membuat-dua-element-dibawah-header.html">Membuat dua element dibawah header</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/membuat-3-kolom-element-dibawah-header.html">Membuat 3 kolom element dibawah header</a></div>
<div class="list">
<a href="http://infonetmu.blogspot.com/2010/05/bertukar-link-dengan-adil.html">Bertukar link dengan adil</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/tv-online.html">TV Online - Mivo TV </a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/02/edit-photo-online.html">Edit Photo Online</a></div>
<div class="list">
<a href="http://www.venusa69.co.cc/2012/03/smartphone.html">SmartPhone.</a></div>
</div>
Untuk Url yang saya kasih warna biru anda ganti dengan alamat postingan URL anda. sesangkan yang saya kasih warna merah Anda Ganti dengan Judul Postingan sobat. Ok selamat mencoba dan semoga berhasil teman-teman.
jangan lupa yang terakhir kasih judul widget anda sesuai keinginan anda dan save dech. berikut contoh hasilnya Daftar isi dari blog saya.