Cara Memasang Daftar Isi Dengan Tumbnail Di Blog

1.Login ke Blogger Sobat
2.Pilih Desain ..... Dan Tata Letak
3.Click Tambah Gadget dan Pilih HTML / Java Script Dan Masukan Code Berikut :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://idin.jw.lt/images/idin.png";
imgr[1] = "http://idin.jw.lt/images/idin.png";
imgr[2] = "http://idin.jw.lt/images/idin.png";
imgr[3] = "http://idin.jw.lt/images/idin.png";
imgr[4] = "http://idin.jw.lt/images/idin.png";
showRandomImg = true;
boxwidth = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 25;
thumbheight = 25;
fntsize = 11;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 25;
summarFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 100;
home_page = "http://semuatentangblog01.blogspot.com/";
</script>
<script src="http://recentpost2-alfanetcell.googlecode.com/files/daftarisi_thumbnail.js"></script></div>

Keterangan :

• thumbwidth = 25;  thumbheight = 25;  adalah ukuran thumbnails
• numposts = 100;  adalah jumlah file / judul Blog kawan akan ditampilkan, ini disesuaikan umpama jumlah postingan / artikel kawan yang sudah dibuat sebanyak 150 maka angka 100 diganti mungkin dengan 200.
•  
• Ganti url http://semuatentangblog01.blogspot.com// dengan url blog sobat, dan nilai-nilai pada kode di atas bisa anda ganti dengan experimen sobat disesuaikan dengan layout blog/website sobat. Satu lagi apabila daftar isi diatas ingin full fage/satu halaman penuh sobat tinggal menghapus kode html yang berwarna biru <div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee"> di atas.