Memasang Recent Post dengan Thumbnail
Sebelum ni aku dah pos mengenai Related Post berthumbnail, kali ini Recent Post plak berthumbnail. Hebat betul Kranthi memcipta widget sebegini.
Widget ini berthumbnail belah kiri, ianya nampak kemas dengan tajuk pos diboldkan dan jumlah komen di bahagian hujungnya. Selain itu ia juga dilengkapi Comment Count untuk memudahkan kamu memantau entri-entri kamu.
Dan yang terakhir pastikan setiap entri kamu mempunyai gambar, barulah tutorial ini baru berfungsi secun-cunnya.
Memasang Recent Post With Thumbnail + Comment Count
01. Pilih Layout > Page Element > Add a Gadget : Pilih HTML/JavaScript.
02. Tambahkan kod 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 = "#ffffff";
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://dilarangmelarang.blogspot.com/";
</script>
<script src="http://files.dilarangmelarang.com/javascripts/recentposts_thumbnail.js" type="text/javascript"></script>
Secara amnya, widget ini hanya untuk sidebar putih. Tukarkan nilai #ffffff pada bgTD kepada nilai lain bergantung kepada background sidebar kamu. Gunakan add-on Color Zilla untuk kemudahan kamu.
Dan satu lagi, sila upload sendiri javaskrip ke dalam hosting kamu sendiri.
03. Pilih Save.
Nak power lagi visit sumber @ http://www.dilarangmelarang.com/2009/06/memasang-recent-post-with-thumbnail.html
