Akhirnya pada kesempatan ini saya memiliki kesempatan untuk menulis Cara membuat Recent Post Dengan Gambar (v.2). Versi ini tentu berbeda dengan versi sebelumnya yang pernah saya postingkan. Versi kemarin anda belum lihat?coba lihat disini.
Versi yang baru ini tentu lebih "gres" dan lebih "Nyentrik" daripada versi yang pertama. Sebenarnya untuk masalah versi saya sendiri yang menamai, supaya lebih mudah dimengerti. Versi baru ini sangat mudah untuk diterapkan di blog kamu dan tentu lebih oke. Ingin pasang sekarang?silakan lihat tahap-tahapnya berikut ini.
Sebelum memulai, dipersilakan untuk melihat hasilnya terlebih dahulu.
Bagus kan?ini dia caranya...
1. Seperti biasa anda login ke account Pribadi di Blogger anda. Jangan punya orang laen...kwakwakwak..:-)
2. Setelah sudah login/signin, masuk ke tata letak. Dan kemudian klik "tambah gadget" di salah satu tempat yang ingin anda tempelkan.
3. Pilih "HTML/JAVASCRIPT", kemudian masukkan kode di bawah ini
<center>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:160px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:150px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<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 = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.akhatam.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js" type="text/javascript"></script>
</div></center>
4. Klik "simpan".
Mudah bukan?silakan mencoba...
share on: share to facebook
::.


iiya palagig gambarnya gerak thumbnailsnyajuga gerak jadi meanrik
nice article sob... lanjutkan.......
jadi kliatan sedikit menarik ya bos,,, thanks bos inponya
boleh dipraktekan nich tapi bikin blog berat ga sob
Mantep tutorialnya gan, izin praktek yaaaa!!!
WaW..bagus sob... gw cobaa yaa.. :-) ..btw keep sharing
Berbeda neh dengan judul, tapi dekat-dekatrecent post, yaitu recent comment. Ada tidak Recent comment yang lebih baik lagi drpd yang punya weblog, yang punya weblog kurang bagus lagian kadang tumpah tindih dengan warna template.
Ada hostingan yang lebih baik lagi, mudah dan tidak terlalu bertele2 saat download (mirip geocities, gitu)
Aku datang dengan memberikan komentar
Makasih INFOnya, langsung ke TKP ah
Sukses selalu
Aku tunggu komentar balik dari sobat
Makasih
mantabs tenan sob, tak coba ah.....thanks
ikut icip icip gan..
good job bro
Mantab postingannya, blog jadi makin bagus...
tx infonya... saya simpan dulu, kapan2 aja dipake, takut loading jadi berat.
saling silaturahim komen yuuuk...
mantab bener, dicoba ya kaka,,makasih kaka, postingannya sangat membantu
keren kang..makasih tutorialnya...
mantap sob widgetnya keren ...
ada2 saja... saya masih lebih ingin yg simpel, jadi tips ini saya simpan dulu. nanti kalo hati saya lagi ingin yg atraktif, saya akan terapkan tips ini