Cara Membuat Recent Post dengan Thumbnails

Temen - temen masih inget dengan Membuat Artikel Yang Berhubungan "Related Post", Menampilkan Komentar Terbaru dan Membuat Top Komentator, yup betul tips trik tersebut membuat blog kita di sukai pengunjung karna terdapat jejak pengunjung dan pengunjung merasa komentar mereka sangat di hargai. Tapi kali ini saya tidak mengulas bagian itu hehehe, tapi ada sedikit hubungannya (terus kita akan membuat apa ?), kali ini kita akan membuat Recent Post disertai dengan Thumbnails.

images Cara Membuat Recent Post dengan Thumbnails

pertanyaan : Mengapa harus menggunakan Thumbnails?

1. Web atau blog akan terlihat perfesional,
2. Pengunjung akan lebih tertarik untuk membaca (klik).

Terus kekurangan dari memasang Recent Post dengan Thumbnails?

1. Membuat agak lambat load blog atau web kita karna script ini menggunakan JavaScript


Jika tertarik untuk memasangya langsung aja menuju TKP.... :P

Oya hampir lupa tips ini tanpa merubah code templates (body) kita, jadi kita bisa langsung Add a Gadget lalu pilih HTML/Javascript, setelah itu Copas Script di bawah 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 = 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://marchsya.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Jika ingin Merubah Codenya untuk menyesuaikan dengan temp, teman - teman bisa lihat fungsi code di bawah ini:

boxwidth - Lebar widget
cellspacing - Space antara cells (default adalah 1 sudah bagus)
borderColor - Warna Border (Warna template widget bisa anda ganti.Defauld adalah putih)
thumbwidth & thumbheight - Lebar dan panjang thumbnail (default adalah 40 sudah bagus)
fntsize - Ukuran huruf judul postingan
acolor - Warna huruf judul postingan
aBold - Bila ingin ditebalkan adalah true, jika tidak false saja.
numposts - Berapa banyak recent post yang akan ditampilkan
home_page : http://putroweb.blogspot.com/ (Ganti dengan URL blog anda)
Yakinkan seeting site feed anda sudah pada Allow Blog Feed dengan melihat pada Setting>Site Feed>Full>Allow Blog Feeds.