Cara Membuat Recent Post Dengan Thumbnail

Cara Membuat Recent Post Dengan Thumbnail

          Sebelumnya kita telah membahas cara membuat recent post per label,jika anda belum membacanya silahkan membacanya terlebih dahulu.Berbeda dengan recent post sebelumnya kali ini kita akan membahas recent post dengan Thumbnail,tampilannya yang saya rasa menarik dapat mendongkrak pembaca untuk berkunjung lebih sering lagi.
          
Cara membuat recent post:
1.Masuk ke akun blogger anda
2.Buka Tata Letak>Tambah Gadget>HTML/Java Script
3.Copy kode di bawah ini pada kotak yang disediakan

<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 = 270;

cellspacing = 8;

borderColor = "#fff";

bgTD = "#000000";

thumbwidth = 70;

thumbheight = 60;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http:/caramembuatsemua.blogspot.com/";

</script>

<script src="http://kangdansen.googlecode.com/files/related.js" type="text/javascript"></script>

4.Simpan

Keterangan:

boxwidth - Lebar Widgetcellspacing - Spasi diantara cell
borderColor - Warna garis pinggir widget
thumbwidth & thumbheight - Lebar dan tinggi gambar thumbnailfntsize - Ukuran Tulisan Judulacolor - Warna Judul TulisanaBold - yes,jika ingin mempertebal judul.No,Jika tidak ingin mempertebal
numposts - Jumlah post yang akan ditampilkan
home_page : http://caramembuatsemua.blogspot.com (Ganti dengan Homepage blog anda)