Recent Post Blog dengan Gambar /Thumbnail

Sebelumnya saya sudah pernah memposting cara membuat Link otomatis pada blog,juga membuat daftar isi otomati pada blog,coz memang mudah kalau serba otomais...Pada tutorial blog kali ini adalah bagaimana cara menampilkan recent post disertai dengan gambar pada postingan secara otomatis juga.Dengan adanya gambar akan menarik para pembaca untuk membaca postingan tersebut.Adapun cara membuatnya adalah sebagai berikut.


1.Login Pada blogger.
2.Klik Rancangan pada Dashboard anda.
3.Klik Add a Gadget lalu pilih HTML/Javascript.
4.Masukkan kode script dibawah ini dan Save.
Letakkan widget ini pada sidebar yang ada inginkan, terserah anda.

<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://infonetmu.blogspot.com/";
</script>
<script src="http://sabarmuanas.googlecode.com/files/infonetmurecentpost.js" type="text/javascript"></script>

NB:
Ganti yang berwarna hijau sesuai yang kamu inginkan,Hal yang perlu diubah adalah:
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)
fontsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : http://infonetmu.blogspot.com/ (Ganti dengan URL blog anda)
Yakinkan setting site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting>Site Feed>Full>Allow Blog Feeds.

Terima kasih telah membaca artikel Recent Post Blog dengan Gambar /Thumbnail.Silahkan baca artikel INFONETMU tentang tips blog yang lainya dibawah ini!

Comment With Facebook!