Recent Post Thumbnail

Bertapa di depan komputer  selama beratus ratus detik membuahkan hasil yang lumayan hehe , lebay ahh , kali ini kita akan belajar cara membuat Recent Post Thumbnail woooowww apakah itu  , mungkin bagi sobat blogger yang baru saja melahirkan blog mereka belum tau tentang widget yang cukup menarik ini ,, Recent Post merupakan posting terakhir yang di terbitkan oleh kita , kita akan mencoba untukmenambahkan sedikit bumbu rahasia supaya Recent Post yangkita buat menjadi lebih menarik , disini kita akan membuat sebuah gambar kecil yang mewakili posting tersebut ,,,, kalo belum paham lihat di bawah ini 

 

sudah tau atau masih bingung hehehe , oke lah sob langsung action aja dech,,,, cekidot...

Cara Membuat Recent Post Thumbnail   : 
 
1. Login ke Blogger.com (jangan pakai akun orang lain)

2. Masuk ke Dasbor
3. Klik tab Tata Letak
4. Pilih Tambah gadget 

5. Pilih HTML/Java script
6. Silahkan copy paste script di bawah ini 

<script language="JavaScript">

imgr = new Array();

imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[1] =  "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[2] =  "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[3] =  "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";

imgr[4] =  "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
 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://dinarcool.blogspot.com/ ";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Explanation:

boxwidth - Lebar Widget 
cellspacing - Jarak antar cell
borderColor - Background
thumbwidth & thumbheight - Lebar dan tinggi (default yang terbaik) 
fntsize - Ukuran Font 
acolor - Warna Font 
aBold - Bold tiap judul (true or false)
numposts - Post yang di tampilkan

home_page : http://dinarcool.blogspot.com/ (ubah sesuai url blog)ini adalah tempat hosting script  ( http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ). 

 Disarankan untuk men-download script dan upload ke hosting sendiri ( google untuk host javascripts gratis ) dan ganti url dengan Anda.

7. SAVE 

 

Selamat Mencoba