Membuat New Post Widget dengan Featured Slider

Caranya sangat mudah dan simpel sekali ko' jadi sobat bisa langsung praktekan di blog sobat sendiri.
Ok, langsung saja sob kita ke TKP, begini caranya :

* Log in k account Blogger sobat
* Setelah berada di dasbor
* Klik pada Rancangan
* Lalu Tambah Widget
* Pilih HTML/Javascript
* Kemudian copas Code yang ada dibawah ini :

Widgetcode :

<center><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:200px;
}
#spylist ul{
width:350px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:300px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:50px;
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:0px;
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] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkzP8LnQ3YJSYBOlnfPHCSW-jNicSiXz4n2qhmwf0PDO9CJeGBHr1zfEJsaTdJNOmaj7WteoyMVCuq_WYALJ9eYuMq-bP2MsKqvzrKRCY0hyAeLPkOlsqcB39hP1sM86ZJQPfV2pbQxhid/s128/globe%20new.gif";
imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkzP8LnQ3YJSYBOlnfPHCSW-jNicSiXz4n2qhmwf0PDO9CJeGBHr1zfEJsaTdJNOmaj7WteoyMVCuq_WYALJ9eYuMq-bP2MsKqvzrKRCY0hyAeLPkOlsqcB39hP1sM86ZJQPfV2pbQxhid/s128/globe%20new.gif";
imgr[2] = "http://img1.jurko.net/avatar_1672.gif";
imgr[3] = "http://img1.jurko.net/avatar_1672.gif";
imgr[4] = "http://img1.jurko.net/avatar_1672.gif";
showRandomImg = true;
boxwidth = 270;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 45;
thumbheight = 45;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.kau-inspirasiku.co.cc/";
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>

Setelah proses copas selesai kemudian Sobat ganti tulisan yang berwarna merah dengan nama Blog sobat. sobat dapat memodifikasi CSS nya..
Gampang kan?

Membuat New Post Widget dengan Featured Slider 2011-05-07T02:11:00-07:00 Rating: 4.5 Diposkan Oleh: Bona Pasogit