Cara Membuat Daftar Isi Manual

Kalian pasti sudah melihat Daftar isi yang terpampang jelas di blog saya ini... yang ada icon bintang kerlap-kerlip itu... baiklah akan saya bahas di postingan  ini..

Kali ini saya hanya akan membahas Daftar Isi Manual,oke kita langsung saja yaa.. ikuti langkah-langkahnya sebagai berikut :

1. Loginlah dulu di Blogger > Tata letak > Elemen Halaman. Klik tambah Gadget > HTML/Java Scripts..Buatlah Namanya Gadget-nya misalnya Daftar isi Blog..

2. Copy-paste kode dibawah ini ke dalam gadget tadi..

<div style="border: 0px solid rgb(153, 153, 153);
overflow: auto;
width: 250px;
height: 150px;
text-align: left; ">
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://galanf.blogspot.com/2011/10/cara-menghilangkan-attribution-blog.html"> >"Cara Menghilangkan Attribution Berikut Beranda,Posting Lama,Posting Baru & Link Enter Atom Di Blog</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://galanf.blogspot.com/2011/10/cara-membuat-virus.html"> >"Cara Membuat Virus</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://galanf.blogspot.com/2011/10/cara-pasang-tv-online-di-blog.html"> >"Cara Pasang TV Online di Blog</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://galanf.blogspot.com/2011/10/cara-membuat-scroll-pada-arsip-blog.html"> >"Cara Membuat Scroll Pada Arsip Blog Blogspot</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://galanf.blogspot.com/2011/08/membuat-judul-blog-berjalan-pada-tab.html"> >"Membuat Judul Blog Berjalan Pada Tab Page & Mengganti Icom Blog</a>
<br/>
<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://galanf.blogspot.com/2011/08/cara-membuat-readmore.html">
>"Cara Membuat Readmore</a>
<br/>
</div>

3. Dari kode itu.. gantilah kode scripts berikut ini :

<img src="http://i466.photobucket.com/albums/rr22/wong284/star_Blink.gif"/><a href="http://galanf.blogspot.com/2009/09/linkwithin-widget-mini-yang-praktis.html"> >"Cara Membuat Readmore</a>

Ket :

Merah = Gantilah dengan URL HTML Code Gambar Icon kamu..

Biru = Gantilah dengan Direct URL ke postingan Artikel kamu..

Hijau = Gantilah dengan Judul Artikel kamu..

width: 250px;= Ukuran lebardaftar,bisa disesuikan menurut ukuran blog anda.

height: 150px;= Ukuran tinggi daftar,bisa disesuakan juga.

text-align: left; ">= Posisi teks daftar,bisa disesuaikan dengan keingin anda.

Gampangkan,,?

*Ulangilah langkah diatas ini sampai semua postingan artikelmu terdaftar semua..!

Slamat Mencoba...!

Baca Juga Artikel Ini