Berikut langkah-langkahnya :1. Login ke blogger
2. Menuju Rancangan>>Edit Laman>>Langsung saja tambahkan script berikut pada widget HTML Sobat
<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://coretan-felix.co.cc/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</div>
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://coretan-felix.co.cc/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>
</div>
Ganti yang berwarna biru dengan alamat blog sobat, nomer 30 menunjukkan jumlah artikel terbaru yang inging ditampilkan
Atur height dan width pada bagian atas untuk menyesuaikan dengan sidebar sobat.
Semoga berhasil....
Dapatkan Domain co.cc Secara GRATIS, tentukan namamu sendiri
Panduan Lengkap Mengubah domain
http://nama.blogspot.com
menjadi
http://nama.co.cc,
baca di sini
Sobat sedang membaca Membuat Recent Post dengan Thumbnails Foto.Jika Sobat Ingin Mengcopy Artikel Membuat Recent Post dengan Thumbnails Foto ke blog sobat,Jangan Lupa diberi Sumbernya http://www.coretan-felix.co.cc/2010/06/membuat-recent-post-dengan-thumbnails.html








14komentar:
^_^
itu yang versi linkwithin sob
silahkan mas
fufu
tp aku jarang sih coba2 widget canggih hehe
mantab lah kalau gitu tapi gambarnya yang bikin lemod punya ku udah aku hapus
ow.. ternyata beegitu ya sob caranya....
Bagaimana Pendapat Sobat?
Silahkan berkomentar di postingan ini. Jika Sobat ingin membalas komentar seseorang di postingan ini,sobat bisa menggunakan fasilitas reply dengan cara mengawali komentar sobat pada baris pertama dengan:
@Nama Pengkomentar atau
@Kode Angka Komentar (Sering ada beberapa nick yang sama, maka Sobat gunakan id komentar, id komentar berbeda setiap komentar, Klik lihat id komentar untuk mengetahuinya...)
Contohnya Penulisan Komentar:
Artikel yang sangat mencerahkan, terima kasih