Membuat Kotak Daftar Isi - 1

Tutorial kali ini akan dibagikan untuk anda cara membuat Kotak Daftar Isi untuk meringkas isi - isi di dalam blog Anda sehingga terlihat lebih ringkas dan menarik karena beraturan.

Mungkin sebagian dari Anda masih ada yang sedikit bingung, Daftar Isi yang di maksud dan mau di jelaskan di sini adalah Kotak yang bisa meringkas isi dari dalam blog. Semisal berisikan daftar isi blog Anda, berdasarkan label atau juga bisa buat yang lainya.
Simak dan praktekan sendiri, untuk lebih jelas dan mantepnya.

Langkahnya :

1. Login ke blogger.com, Buka menu Layout -> Page Elements

2. Klik Add a Gadget -> HTML / Javascript, Masukkan kode dibawah ini kedalam kotak

<style>
.list {
border-bottom:1px dotted #ddd;
line-height:1.2em;
padding:3px;
}
</style><div style="overflow:auto; padding:3px; margin:0px 0px 0px 0px; width:380px; height:180px; background-color: #ffffff; border:1px solid #ffffff;"><div class="list">
1. <a href="http://eppoh.blogspot.com/2011/03/membuat-blog-di-blogger-ringkas.html">membuat blog di blogger</a></div><div class="list">
2. <a href="http://eppoh.blogspot.com/2011/03/membuat-blog-seakan-membuat-rumah.html">Membuat blog seakan membuat rumah</a></div>
</div>

Keterangan:

380px adalah lebar kotak, 180px adalah tinggi kotak, #ffffff pada background-color adalah warna background, dan #ffffff pada border adalah warna garis pinggir. Silahkan disesuaikan dengan template anda.

Ingat :

Ganti tulisan yang berwarna merah dengan alamat postingan anda dan ganti tulisan berwarna merah yg dicetak tebal dengan judul postingan anda.

Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.

3. Kalau sudah klik Save Template -> Selesai.

update:

Ternyata setelah saya coba hasil repost ini pada beberapa blog, ada yang berhasil ada yang tidak. Kalau ternyata tidak berhasil coba kunjungi pada dan klik:

membuat kotak daftar isi 2

purbalingga

---