Tips Membuat Recent Post Plus Thumbnails

HI...firend Postingan ini merupakan lanjutan dari postingan sebelumnya Cara Menampilkan Recent Post yang mungkin bagi temen2 kurang menarik, postingan ini merupakan pesenan dari salah satu teman blogger saya, oke langsung saja dengan basa basi......

Apa itu Recent Posts..?

Recent Posts adalah widget yang menampilkan beberapa judul posting terbaru, yang bisa anda tampilkan pada sidebar sehingga pengunjung lebih mudah mengetahui posting-posting yang terbaru.

Pada posting ini saya akan berbagi dengan anda cara membuat Recent Posts dengan thumbnail. Recent Posts Thumbnail Adalah gabungan title post dan image yang otomatis di ambil dari gambar yang anda tautkan didalam posting. Contohnya anda dapat anda lihat pada sidebar dalam blog ini (Daftar Posting Terbaru). Apa anda ingin memasang Recent Posts seperti itu di Blog anda..?

Widget ini saya temukan di blog BloggerTricks.com , memang sih blognya dalam b.inggris.. tp walaupun ga ngerti b.inggris.. yang penting maksudnya taulah dan gda salahnya buat ditranslate ke b.indo lewat blog ini..hehehe. Dengan memasang widget ini di blog, kamu bisa menampilkan Posting Terbaru + Gambar plus jumlah komentarnya juga.

1. Copy Code Script dibawah 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 = 300;
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://NAMABLOGKAMU.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Setelah itu, ada beberapa yang harus dan bisa kamu edit, diantaranya :

boxwidth --> Ukuran dari kotak Widget
cellspacing --> Spasi diantara cells
thumbwidth dan thumbheight --> Ukuran lebar dan tinggi kotak gambar
numposts --> Jumlah recent post yang akan kamu tampilkan..
home_page --> http://NAMABLOGKAMU.com/ (ganti alamat blog kamu)

Selesai sudah, selamat mencoba...

Artikel Terkait:

Tips Blogger

• Cara Membuat Komentar Admin Berbeda dengan Komentar Pengunjung
• Kumpulan Icon Read More Blog
• Cara Membuat Threaded Comment (Fitur Reply)
• Cara Membuat Read More Otomatis Dengan Tombol Gambar
• Cara Membuat Read More Otomatis Di Blog
• Script Anti Klik Kanan + Ctrl U + Ctrl C
• Cara membuat Efek banjir di blog
• Cara Membuat Anti Klik Kanan Dengan Gambar
• Cara Membuat Gambar Pembuka pada Blog
• Cara Membuat Buku Tamu Yang Keren
• Cara Membuat Buku Tamu Model Sliding
• Cara Mudah Mendapatkan Sitelink Google
• Cara Menampilkan Link Otomatis Saat Blog di Copy Paste
• Cara Membuat Halaman Maintenance Pada Blogspot
• Cara Membuat komentar admin berbeda dengan pengunjung
• Cara Memasang pesan Terimakasih di bawah komentar
• Pasang Avatar Di Kotak Komentar Blog
• Cara Membuat menu slide info di blog dengan css
• Cara Membuat Balon Tooltip Otomatis Ke Semua Title Yg Ada Di Blog
• Cara Membuat Menu Slide melayang di bagian kiri blog dengan css
• Cara membuat zFP menu di Blog
• Javascript Disable Keybord
• Membuat menu melayang dengan sentuhan Jquery dan CSS3
• Cara Menampilkan Hanya Judul Postingan di Halaman Depan Blog dengan Css
• CARA MENAMPILKAN HANYA JUDUL ARTIKEL PADA HALAMAN DEPAN BLOG