Kelebihan menggunakan cara ini adalah kita bisa mengatur besar kecil thumbnail, judul, warna tulisan dan border sesuai keinginan kita.Baik langsung saja bagaimana cara membuatnya...
1.Login ke akun blogspot anda
2.Tambahkan element HTML/Java Script
3.Copy paste code di bawah 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 = 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://Namablogkita.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
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://Namablogkita.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
Yang perlu anda ganti adalah :
boxwidth - Ukuran widget
cellspacing - Spasi antar cell
borderColor - warna border
thumbwidth & thumbheight - ukuran thumbnail
fntsize - Ukuran fon judul
acolor - Warna Judul
aBold - Tebal atau biasa (true or false)
numposts - Jumlah Post yang ditampikan
home_page: http://NamaBlogkita.blogspot.com/ (Alamat blog URL)
Simpan dan lihat hasilnya...
Baca Juga Artikel menarik di bawah ini :
1 comments to "Membuat Recent Post dg Thumbnail"
SenK says:
makasih tipsnya Sob. ini sangat membantu. salam kenal