Cara Membuat Recent Post Dengan Thumbnail Keren

Banyak cara untuk membuat blog lebih menarik, namun disamping menarik tentu kita harus bisa membuat hal itu berguna juga untuk pengunjung, salah satu jalan tersebut yaitu Cara Membuat Recent Post Dengan Thumbnail Keren yang bisa anda pasang dengan mudah pada sidebar blog, disamping mudah, berguna untuk pengunjung namun tampilan recent post ini keren sehingga akan membuat blog lebih menarik dan akhirnya pembacapun akan kerasan berlama-lama pada blog sobat.

Script yang akan jasa buat blog berikan ini akan menghasilkan recent post dengan gambar thumbnail yang keren, dan bisa anda pasang pada sidebar maupun footer blog, pada dasarnya sebenarnya kita juga bisa menambahkan fitur recent post yang ada di blogger tanpa memasang script manual seperti ini, karena pada widget blogger selain popular posts juga menyediakan widget recent posts yang langsung bisa anda pasang, widget recent post yang ada di blogger adalah seperti gambar dibawah ini, anda tinggal memasukkan alamat feed blog sobat saja. caranya seperti dibawah ini:

Cara 1

• Login ke akun blogger anda.

• Pilih menu TATA LETAK kemudian TAMBAHKAN GADGET.

• Pilihlah widget FEED (Seperti gambar di bawah !)

• Setelah ditambahkan, anda akan diminta mengisi alamat URL FEED blog anda. Isikan alamat blog anda dan tambahkan /feeds/posts/default di belakangnya. Contoh : http://pembuat-blog.blogspot.com/feeds/posts/default

• Kemudian klik LANJUTKAN, lalu silahkan tentukan tampilan seperti apa yang anda inginkan. Kalau sudah klik SIMPAN.

Cara Kedua dengan thumbnail keren

Nah, cara yang menurut saya keren adalah dengan cara yang ini, walau tidak semudah cara pertama namun saya lebih memilihnya. berikut caranya:

• Login Ke Blogger sobat
• Kemudian masuk ke tata letak/layout
• Klik tambah widget di manapun yang anda suka
• Pilih HTML/javascript
• Masukan kode di bawah ini lalu simpan.

<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image1.gif";
imgr[1] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image2.gif";
imgr[2] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image3.gif";
imgr[3] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image4.gif";
imgr[4] = "http://i725.photobucket.com/albums/ww258/anasceria/Tutorial-jitu/no-image5.gif";
showRandomImg = true;
boxwidth = 230;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "transparent";
thumbwidth = 40;
thumbheight = 40;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://pembuat-blog.blogspot.com/";
</script>
<script src="http://bloggerswordpress.googlecode.com/files/rpt_bloggerswordpress.js" type="text/javascript"></script>
Nb : kode yang berwarna merah anda ubah dengan URL blog anda

Demikian dua cara yang bisa sobat tempuh jika ingin membuat recent post dengan thumbnail di blog yang keren, silahkan dicoba!