Membuat Postingan Terbaru dengan thumbnails Foto

Rabu, 08 Desember 2010

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


<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://ikiwae-tbn.co.cc/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</div>


Ganti text yang berwarna hijau 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....

0 comments:

Posting Komentar