Cara Membuat Recent Post Dengan Thumbnails / Gambar

Membuat recent post dengan disertai Gambar / Thumbnails di blog akan membuat blog lebih profesional. Di samping itu akan lebih memudahkan para pengunjung untuk lebih mudah memahami dengan perkiraan isi dari maksud gambar yang tertera di samping judul postingan kita.

Caranya cukup mudah dan tidak merusak template kita, karena cara ini dengan cara menambahkan Gadget di luar atau lebih dikenal -> "Add a Gadget"  so kalau Anda ga suka tinggal hapus aja Gadget itu.

Lalu bagaimana caranya ? Langsung aja simak berikut :

1. Login ke blogger.com   

2. Masuk ke Dasbor dan pilih blog yang akan di tambahkan

3. Terus masuk ke Rancangan / Tata letak

4. Dilanjutkan pilih Tambah Sebuah Gadget / Add a Gadget  
5. Dan tambahkan skrip berikut :

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";

showRandomImg = true;
boxwidth = 298;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";

thumbwidth = 40;
thumbheight = 40;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";

icon2 = " ";
numposts = 5;
home_page = "http://asalnyeplos.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Yang perlu di sesuaikan :

Boxwidth : Lebar widget
Cellspacing : Space antara cells (default adalah 1 sudah bagus)
BorderColor : Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
Thumbwidth & Thumbheight : Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
Fntsize : Ukuran huruf judul postingan
A color : Warna huruf judul postingan
A bold : Bila ingin ditebalkan adalah true, jika tidak false saja
Numposts : Berapa banyak recent post yang akan ditampilkan
Home page : http://asalnyeplos.blogspot.com/ (Ganti dengan URL blog anda)