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:

Blogger Tips

• SEO Blogger Kini Lebih Mudah dan Praktis
• Cara Agar Memperoleh Banyak Backlink | SEO Blog Banyak Pengunjung
• Cara Mudah Membuat Random Post Sederhana
• Cara Mudah Membuat Related Post dengan Linkwithin
• Membuat banner animasi via picasion
• List Tool SEO penunjang SEO
• Cara Memasang File Flash Di Blog Post
• Cara Pasang Recent Posts Thumbnails Dengan Mudah
• Mengenal Fungsi Navbar di Blogger
• Cara Mentransfer Akun Blog ke Akun Blog yang Lain
• Trik Menampilkan Total Post, Comment, dan Online User
• Blogger Belajar Dari Harry Potter
• Blogger Perkenalkan Pendeteksi Otomatis Komentar Spam
• Cara Memodifikasi Bullet List dan Numbered List di Blogger Post
• 5 Alasan Mengapa Anda Harus Menjawab Setiap Komentar
• Cara Menampilkan Tanggal Post (Post Date) Blogger di Waktu Yang Sama
• 6 Situs Foto Gratis untuk Blog Anda
• Posting Blog Menggunakan Word 2010
• Batas/Limit Kapasitas Akun Blogger
• Cara Mengatasi Blog Post dari Copy Paste
• Gambaran Frekuensi Posting Blog kita
• Integrasi Antara Blogger dan Zemanta Gadget
• Share Buttons Milik Blogger
• Bagaimana Cara Kerja Google?
• Mengapa Page Rank Blog/Web Jatuh?