Membuat Recent Post Dengan Thumbnails

oke!!! kali ini kita gak usah pake banyak - banyak bacot deh... kali ini kita akan membuat Recent Post disertai 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.

Script dari : http://www.bloggertricks.com/2009/05/recent-posts-with-thumbnails-widget-for.html