Kode HTML/java script ini merupakan slide shwo post karna menampilkan postingan agar pengunjung bisa melihat post anda yang terdahulu ... seperti slide .. berganti-ganti
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://yuenbhai.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
Ship ..!! selse terus di SAVE ,, semoga berhasil
0 komentar:
Post a Comment