Cara Membuat Recent Post Keren

Lagi lagi www.davidgunawan123.blogspot.com akan mengeshare salah satu widget yang bagus yaitu recent post , tetapi ini tidak sembarangan recent post nya bisa bergerak alias bisa berganti tiap beberapa detik jadinnya bisa seperti headline news loh
Denger denger kalo keberadaan recent post ini lumayan membantu juga loh bagi para visitor
Screenshootnya seperti ini


kalau begitu langsung saja caranya
1. Masuk www.blogger.com
2. Tata letak
3. HTML/Java Script
4.Pastekan code dibawah ini di kolom HTML/Java script tersebut

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#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://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://davidgunawan123.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>

5. Tinggal simpan deh
Nb :
- Ganti yang warna merah dengan url blog kalian masing masing
- Ganti yang warna kuning dengan ukuran yang kalian inginkan
- Ganti yang warna biru dengan ukuran lebar yang kalian inginkan
- Ganti yang warna hijau dengan background yang sesuai dengan blog agan

Related Post:

Backlink Please !

URL

Code For Forum

HTML Code <a href='http://davidgunawan123.blogspot.com/2012/11/cara-membuat-recent-post-keren.html' target='_blank'>Cara Membuat Recent Post Keren</a>

Anda sedang membaca artikel tentang Cara Membuat Recent Post Keren dan anda bisa menemukan artikel Cara Membuat Recent Post Keren ini dengan url http://davidgunawan123.blogspot.com/2012/11/cara-membuat-recent-post-keren.html, anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Membuat Recent Post Keren ini sangat bermanfaat, namun jangan lupa untuk meletakkan link Cara Membuat Recent Post Keren ataupun link ke D-G Blog sebagai sumbernya. Semoga dengan adanya artikel Cara Membuat Recent Post Keren bisa membantu kalian semua.