Membuat Daftar Isi Manual Pada Blogger

Daftar isi pada website/blog berfungsi sebagai alat navigasi bagi pemilik maupun pengunjung untuk menjelajahi isi dari website/blog. Daftar isi blog mempermudah pengunjung untuk memilih daftar postingan website/blog. Contoh lebih lengkapnya seperti di bawah ini seperti di bawah ini:

Memasang Live Traffic Feed pada Blog

Cara Membuat Komentar Admin Berbeda Dari Pengunjung Blogger

Menghitung Bandwith, Kecepatan, dan Waktu Download

Cara Meng-Crack IDM Fake Serial Number 5.17 5.18 5.19 6.x

Melacak Jejak Pengunjung Blog Dengan Google Analytics

Cara Memasang Flag Visitor Pada Blog

Rahasia Kotor Di Balik "Gratis"nya Search Engine

Cara Pasang Buku Tamu di Blogger

Cara Setting Domain .co.cc

Pada umumnya jenis daftar isi ada 2 (dua) macam yaitu daftar isi manual dan daftar isi otomatis. Perbedaan dari kedua daftar isi tersebut adalah jika daftar isi manual sesuai dengan namanya dipasang dan diatur secara manual sesuai keinginan pemilik blog, sedangkan jika daftar isi otomatis akan secara otomatis menampilkan isi blog berdasarkan urutan abjat pada lable dan judul postingan.

  Untuk memasang  Daftar Isi Manual Pada Blog, silahkan ikuti langkah-langkahnya sebagai berikut :

1. Login ke Blogger, Klik Rancangan/Design;
2. Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
3. Cari dan pilih HTML/Javascript;
4. Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :
   
   <style>
   .list {
   background: url("http://i977.photobucket.com/albums/ae258/SPN_photo/iconbullet.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:300px; height:180px; background-color: #ffffff; border:1px solid #ffffff;">
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/02/memasang-live-traffic-feed-pada-blog.html">Memasang Life Traffic Feed Pada Blog</a></div>
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/02/cara-membuat-komentar-admin-berbeda.html">Cara Membuat Komentar Admin Berbeda Dari Pengunjung Blogger</a></div>
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/02/menghitung-bandwith-kecepatan-waktu.html">Menghitung Bandwith, Kecepatan, dan Waktu Download</a></div>
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/02/cara-meng-crack-idm-fake-serial-number.html">Cara Meng-Crack IDM Fake Serial Number 5.17 5.18 5.19 6.xx</a></div>
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/02/melacak-jejak-pengunjung-blog-dengan.html">Melacak Jejak Pengunjung Blog Dengan Google Analytics</a></div>
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/02/cara-memasang-flag-visitor-pada-blog.html">Cara Memasang Flag Visitor Pada Blog</a></div>
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/01/rahasia-kotor-di-balik-gratisnya-search.html">Rahasia Kotor Di Balik "Gratis"nya Search Engine</a></div>
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/01/cara-pasang-buku-tamu-di-blogger.html">Cara Pasang Buku Tamu di Blogger</a></div>
   
   <div class="list">
   <a href="http://www.kumpulanberitaku.co.cc/2011/01/cara-setting-cocc.html">Cara Setting Domain .co.cc</a></div>
5. Klik Tombol Save/Simpan.

Keterangan :
Link dan Teks, silahkan diganti dengan link dan teks Anda;
width: 230px; adalah merupakan lebar dari kotak daftar isi manual dan bisa sesuaikan;
height: 180px; adalah merupakan tinggi dari kotak daftar isi manual dan bisa sesuaikan.

Posted in: Internet