Cara Memasang Daftar Isi Dengan Tumbnails

 Satu lagi cara memasang daftar isi di blog/website yaitu dengan disertai gambar tumbnails dari masing-masing postingan, inilah kode html yang harus sobat copy paste ke gadget blogger/website kesayangan sobat :

<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://gamesalfanet.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://gamesalfanet.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.

Semoga bermanfaat bagi sobat semuanya dan semoga menambah semangat ngeblog buat sobat semuanya. Hidup blogger Indonesia....!!

• Tweet
• Share
• Share
• Share
• Share