Buat sahabat bloggerku...Buat yang pengen menambahkan widgate recent post
dengan Animasi dan Thumbail pada blognya dan belum
nemuin caranya, kebetulan sekali. kali ini saya akan
share cara pembuatannya secara rinci:
Pertama tentu sobat harus login ke blogger masing-
masing, kemudian masuk ke Tata Letak dan
Tambahkan sebuah Widgate dengan "HTML/Java Script"....
Selanjutnya anda tinggal copykan code dibawah ini:
<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://1.bp.blogspot.com/_AstD3fky-
O0/TPqUOD822nI/AAAAAAAAALU/IqHlrBo0W6Y/s1600/bdlab-blogspot-com.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://imbloggernusantara.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>
Silahkan klik Simpan
