Cara Pasang Daftar Isi Manual Di Blogspot

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.

Baiklah saya rasa penjelasan singkat tentang fungsi daftar isi pada blog sudah cukup dan sekarang mari mulai bahas sesuai judul posting ini Cara Pasang Daftar Isi Manual Di Blogspot, silahkan ikuti langkah-langkahnya sebagai berikut :

1.Login ke Blogger, Klik Layout/Tata Letak;

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.serba-tersedia.co.cc/2010/05/cara-menampilkan-kotak-komentar-di.html">Cara Menampilkan Kotak Komentar di Bawah Postingan Blog</a></div>

<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/cara-menampilkan-kode-html.html">Cara Menampilkan Kode HTML</a></div>

<div class="list">
<a href="http://www.serba-tersedia.co.cc/2010/05/pasang-iklan-cara-meningkatkan.html">Pasang Iklan Cara Meningkatkan Pengunjung</a></div>

<div class="list">
<a href="http://serba-tersedia.blogspot.com/2010/03/menyembunyikan-title-dan-description.html">Cara Menyembunyikan Title dan Description pada Blogspot</a></div>

<div class="list">
<a href="http://serba-tersedia.blogspot.com/2010/03/cara-pasang-readmore-otomatis.html">Cara Pasang Read More Otomatis</a></div>


</div>

5.Klik Tombol Save/Simpan.

Keterangan :

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