Mr.BLazzter

nah. mumpung ada waktu luang. nongol dulu deh. hehehe..
di hari ini saya akan memosting tentang Cara membuat Recent Post . apa sih recent post itu ? recent post itu posting blog kita yang di tampilkan kembali dlm bentuk thumbnail gambar yang dapat berjalan secara Otomatis. (hehe maaf klo dikit menyimpang. kurang lebih nya menurut saya begitu.)


contoh DEMO nya bisa lihat di samping sebelah kanan, bawah bro :


langsung aja deh. sudah pada ga sabar nih keliatan nya. hehe

1. Login ke akun Blog kalian
2. Pergi ke Tata letak > add/tambah gadget > pilih HTML/Java Script
3. tulis judul Terserah kalian. kalo udah, masukan Kode ini :


<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:450px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/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:#2062FF;
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 = 5;
home_page = "http://dinamitblogger.blogspot.com/";
limitspy=5
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div>




Keterangan :
Kode Hijau untuk mengatur tinggi "gadget"
          Merah ganti dengan Url blog kalian.
          Kuning Untuk jumlah post yang ingin di tampilkan

4. Save/Simpan gadget nya. dan lihat blog kalian.. ^_^

Oke Good luck..!
Semoga posting ini dapat membantu sobat semua yah.. Salam bloggers !
yang mau tanya boleh comment, dan yang mau Makan boleh bagi buat saya..  (gubrak) bruakakaka..!

Enjoy it..!