Membuat Recent Post dengan Disertai Thumbnail

Membuat recent post mungkin sudah pernah kita pelajari, mulai dari menampilkan recent post yang hanya judul, dengan disertai ringkasan. Sekarang kita akan belajar untuk membuat recent post dengan disertai thumbnail (gambar Mini) dan juga jumlah komentar sehingga akan terlihat akan lebih menarik..oke gan??

Cara Membuat Recent Post dengan Disertai Thumbnail adalah, Login ke Blogger > Tata Letak > Tambah Gadget > pilih "HTML/Javascript". Setelah itu masukan kode warna merah berikut ini:

<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 = 245;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://blogger-goblogger.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Dan berikut ini beberapa kode yang harus dan bisa kita rubah.

boxwidth - Ukuran Lebar Widget


cellspacing - Spasi diantara cells

borderColor - Warna Border

thumbwidth &amp; thumbheight - Ukuran lebar dan tinggi gambar Thumbnails

fntsize - Ukuran Font pada title


acolor - Warna title

aBold - Tebal huruf pada title? (true or false)

numposts - Jumlah recent post yang ditampilkan?

home_page : http://blogger-goblogger.blogspot.com/ (Ubah sesuai URL blog anda sendiri)

Artikel Terkait