Memasang Widget Recent Post dengan Thumblnails

Saya pernah bertanya ke beberapa senior tentang cara membuat 'Recent Post' dengan Tumbnails. Karena mungkin lagi sibuk mereka tidak sempat menjawabnya. Alhamdulillah saya bisa menemukan jawabannya di blogger yang lain tentang Widget Recent Post with Thumbnais. Berikut langkah-langkahnya:

1. Masuklah ke Blogger Dashboard
2. Klik Tab  Layout » Add a gadget » html/javascript
3. Kemudian copy - paste kode berikut:

<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://schemar-mag.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Penjelasan:

(Editlah sesuai dengan blog anda)

boxwidth - Lebar widgetcellspacing - Spasi antar Cell (kayaknya yang ini udah bagus lho)
borderColor - Warna Border (Lebih baik warnanya disesuaikan dengan border background blog anda.)
thumbwidth & thumbheight - Lebar dan tinggi  thumbnail (ini udah cocok kayaknya)fntsize - Ukuran Font pada judulacolor - Warna judulaBold - Ingin di bold ga? (tinggal pilih true atau false)
numposts - Berapa post yang ingin anda tampilkan?
home_page : http://blogpakdani.blogspot.com/ (ganti dengan url blog anda)
Alamat ini jangan dihapus or di ganti ( http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js ).

4. Terakhir klik Save. Selesai

.::Related Posts: