Belajar Online 31 Cara murah dan mudah dalam belajar

24 Oktober 2011

Membuat recent post dengan thumbnail

Ingin menampilkan recent post dengan thumbnail di blogspot anda, caranya:

1.klik setting - site feed - allow blog feeds dan pilih full
2.klik Layout - page elemen - add a gadget - pilih HTML/javascript
3.copy dan paste code dibawah di dalam gadget tersebut

code
<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 = 250;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 72;
thumbheight = 72;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = "";
text = "comments";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = ""; numposts = 5;
home_page = "http://phpcodex.blogspot.com/";
</script><br /> <script src='http://www.downloadflashgame.net/recentposts_thumbnail.js' type='text/javascript'/>


4. ganti home_page dengan url blog anda dan klik save

Untuk merubah tampilan sesuai keinginan anda tinggal ubah pada bagian:

boxwidth = ukuran boxnya
thumbwidth = ukuran lebar thumbnail
thumbheight = ukuran tinggi thumbnail
fntsize = ukuran huruf
acolor = warna judul
numposts = jumlah post yang akan ditampilkan

Script diatas saya ambil dari myblogtalk.com dengan sedikit modifikasi sehingga dapat menampilkan recent post dengan thumbnail dan isi posting

2 komentar:

Kang Muroi mengatakan...

tengkyu sob, atas infonya, sangat membantu....

Admin mengatakan...

@muro'1: sama2 bos :)