Cara Membuat Slide Show Recent Post

Pada Post kali ini saya akan berbagi sedikit ilmu yaitu
Membuat Slide Show Recent Post kerenkan ?


Check This out !!!













Cukup mudah untuk membuat widget ini tinggal
Rancangan --> Elemen halaman --> Tambah Widget --> HTMLdan copy code script di bawah ini



<div class='widget-content'>
<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:340px;
width:300px;
}
#spylist ul{
width:390px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:210px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#864513;
border:1px pixed #666666;-moz-border-radius:3.5px;border-radius:3.5px;
}
#spylist li a {
text-decoration:none;
color:#ffffff;
font:verdana;
font-size:10px;
height:12px;
width:28px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#000000;
border:0;
border:1px pixed #333333;-moz-border-radius:3px;border-radius:3px;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#ffffff;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:10px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:8px;
color:#ffffff;
padding:0px 0px;
margin:0px 0px;
}


-->
</style>


<script language='javascript'>


imgr = new Array();


imgr[0] = "http://www.videokl.com/thumbs/no_image.gif";


imgr[1] = "http://www.videokl.com/thumbs/no_image.gif";


imgr[2] = "http://www.videokl.com/thumbs/no_image.gif";


imgr[3] = "http://www.videokl.com/thumbs/no_image.gif";


imgr[4] = "http://www.videokl.com/thumbs/no_image.gif";
showRandomImg = true;


boxwidth = 255;


cellspacing = 6;


borderColor = "#860000";


bgTD = "#000000";


thumbwidth = 60;


thumbheight = 60;


fntsize = 12;


acolor = "#666";


aBold = true;


icon = " ";


text = "comments";


showPostDate = true;


summaryPost = 10;


summaryFontsize = 10;


summaryColor = "#666";


icon2 = " ";


numposts = 5;


home_page = "http://bang-tegar.blogspot.com/";


limitspy=4
intervalspy=3600


</script>


<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>


<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/rearrange?blogid=2715999999824144958&widgettype=html&widgetid=html13&action=editwidget' onclick='return _widgetmanager._popupconfig(document.getelementbyid("HTML13"));' target='confightml13' title='edit'>
<img alt='' height='18' src='http://img1.blogblog.com/img/icon18_wrench_allbkg.png' width='18'/>
</a>
</span>
</span>
<div class='clear'></div></div>

Warna Merah Untuk mengganti warna Back Ground ganti dengan Code warna lainnya
Warna Kuning Untuk mengubah Besar Box
Warna Biru Untuk mengubah Besar Gambar
Warna Ungu Ubah dengan URL blog anda
oke segitu dulu semoga berguna 


Assalamu'alaikum Wr. Wb.




di Postkan oleh http://bang-tegar.blogspot.com

Posted in: Blogger,Tutorial Blog Abang