Membuat Recent Post dengan Disertai Thumbnail

Membuat recent post sudah pernah kita pelajari, mulai darimenampilkan recent post yang hanya judul,dengan disertai ringkasan. Sekarang kita akan belajar untuk membuat recent post dengan disertai thumbnail (gambar Mini) dan juga jumlah komentar sehingga akan terlihat akan lebih menarik :)

Cara Membuat Recent Post dengan Disertai Thumbnail adalah, Login ke Blogger > Tata Letak> Tambah Gadget > pilih "HTML/Javascript". Setelah itu masukan kode berikut ini:

<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 = 245;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 100;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://kurniasepta.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Dan berikut ini beberapa kode yang harus dan bisa kita rubah.Dan berikut ini beberapa kode yang harus dan bisa kita rubah.

boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth &amp; thumbheight - Ukuran lebar dan tinggi gambar Thumbnails
fntsize - Ukuran Font pada title
acolor - Warna title
aBold - Tebal huruf pada title? (true or false)
numposts - Jumlah recent post yang ditampilkan?
home_page : http://kurniasepta.blogspot.com/ (Ubah sesuai URL blog anda sendiri)

Artikel Terkait:

Blogger

• Cara Copy Paste Artikel Yang tidak bisa di Copy di Sebuah Blog ataupun Website
• Kenapa Blogspot.com berubah menjadi .co.id ‐ apa penyebabnya dan bagaimana mengatasinya?
• Cara Membuat Slideshow Pada Blogger
• Cara membuat chat box di blog & macam-macam chat box
• Cara Membuat Chat Box di Blogger
• Cara memasang radio online di blog
• CARA MEMBUAT RADIO STREAMING
• Membangun Radio Internet dengan Listen2MyRadio.Com
• Membangun Sendiri Radio Internet
• Radio Online
• Tampilan Baru Dasbor Blogger.com
• Membuat Label untuk Artikel Miniatur Hover
• Menambah Button Send ke Facebook
• Laporan berita sekilas dari w3spy.net
• Pengaturan Ukuran pada Kolom Komentar dan Postingan Lebih Fleksibel
• Membuat Web Hosting di Google Sites
• Google Code - Cara Membuat File Hosting di Google Code
• Tips Mendapatkan Banyak Follower di Twitter
• Membuat Artikel Terkait dengan Disertai Thumbnails
• Cara Merubah Blogger.com atau Draft.blogger.com Sebagai Default Dasbor Blogspot Anda
• Cara Memasang Widget SMS Gratis pada Blogger Blogspot
• Favicon Fitur Baru dari Blogger
• Menambahkan Gadget di Header
• Cara Membuat Menu dan Iklan Floating Bottom - Trik Menu dan Iklan Selalu ada di Layar
• Cara Membuat Iklan Melayang - Agar Iklan Tampil Setiap Halaman Blog Dikunjungi