Cara membuat Daftar Isi berisi Thumbnails

Salam Blogger Indonesia, apa khabar kawan, apa masih enggan alias malas seperti saya pasca Tahun Baru 2011, oh ya lupa Selamat Tahun Baru 2011 semoga di tahun yang baru ini kita diberikan Kemudahan, Kesehatan dan Rejeki  yang lebih baik dari tahun-tahun sebelumnya - Amin.

Sekarang sayan akan berbagi dengan kawan cara membuat Daftar Isi Blog berisi Thumbnails yang diciptakan oleh Blogger senior Abu Farhan tapi file scriptnya yang sudah saya simpan, tujuannya untuk mengurangi beban loading, begitu juga harapan saya kalau kawan ingin memakai atau memasangnya di Blog kawan silahkan simpan file js  di site hosting kawan.

Caranya sebagai berikut : 

1. Masuk ke account Google dengan ID kawan 


2. Pada Dasbor pilih tambah Gadget


3. Copas (copy-paste) script berikut kedalamnya

<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://tips-blogbego.blogspot.com/";

</script>

<script src="https://sites.google.com/site/tipsblogbegoku/arsip/recentposts_thumbnail.js"type="text/javascript"></script></div>

Keterangan :

• thumbwidth = 25; thumbheight = 25;  warna violet adalah ukuran thumbnails


• numposts = 100; warna biru 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 tulisan tips-blogbego warna merah dengan Nama Blog Kawan


• Simpan Gadget dan lihat hasilnya