Membuat Recent Post dengan Tumbnail (1)

Salah satu gadget yang sangat penting adalah recent posts. Jadi selain melihat postingan paling baru pembaca juga bisa tahu beberapa postingan yang paling baru (jumlah sesuai keinginan kita yang menyediakan informasi).

Selain itu, kita jadi tidak perlu menampilkan banyak postingan pada halaman utama karena takut postingan yang 'agak baru' bukan terbaru jadi tak terlihat. Langsung saja tambahkan script berikut pada widget HTML Anda. Copy Code Script Dibawah ini :

<div style="overflow:auto; padding:5px; width:250px; height:180px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><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 = 30;
home_page = "http://jendelainfo23.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</div>

-- PENTING --

Ganti yang berwarna Biru dengan alamat blog kamu, kalau tidakya tidak apa-apa selain promosikan blog saya hehehe. Nomer 30 menunjukkan jumlah artikel terbaru yang ditampilkan. Atur height dan width pada bagian atas untuk menyesuaikan dengan sidebar kamu.

Semoga berhasil....
di copas dari Blog Tutorial

Related Posts : Posting