Menampilkan recent post dengan Thumbnail di blogspot

tips belajar blog buat pemula
Menampilkan recent post dengan Thumbnail di blogspot, ini merupakan lanjutan dari cara menampilakan recentpost dengan feed maupun yang biasa, dimana di dalam recent post dengan gambar ini sekarang lagi ngetrend sekali, karena kebanyakan kita menginginkan postingan terakhir kita tampil di sisi side bar dengan dilengkapi gambar kecil atau thumbnail, serta dilengkapi tanggap posting dan sedikit rangkuman postingna kita serta ada jumlah comment dalam postingan kita,

ada beberapa cara untuk menampilkan postingan terakhir dengan gambar, atau bahasa agak kerenya Menampilkan recent post dengan Thumbnail di blogspot, wigit berikut ini dihasilkan oleh blogger trick, dan caranya seperti dibawah ini
berikut ini saya ambil contoh dari blog Free download software berikut ini :


cara membuatnya cukup sederhana kita tinggal copy paste aja script dibawah ini, kemudian langsung paste aja dalam gadget HTML/javascript (Tuju tab Layout - Page Elements - Add a Gadget - pilih HTML/javascript)
<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://Namablogkita.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

dan berikut ini item-item yang perlu diadakan perubahan
boxwidth - Ukuran Lebar Widget
cellspacing - Spasi diantara cells
borderColor - Warna Border
thumbwidth & 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://NamaBlogkita.blogspot.com/ (Ubah sesuai URL blog masing2)
trus simpan, nah ini ada cara yang ke 2 untuk mnampilakan recentpost dengan gambar kecil, dan caranya bisa teman-temen ambil dari link berikut ini, dan usahakan menggunakan cara yang ke 2 karena lebih mudah cara pengerjaanya
Share on :

3 comments:

Kurnia Septa mengatakan...

makasih :0

Ilyas Prawibawa mengatakan...

wahh keren nih mas,,
salam kenal ya mas...
kunjungi juga blog ilyas...

Rajanya Tutorial mengatakan...

wah...terima kasih sobat....udah di kasih info.....
ternyata otak-atik log memang gampang-gampang susah

Posting Komentar

Cara Ngeblog Copyright © 2011 | Template created by O Pregador | Powered by Blogger