My Chingu..Kamsamida pada yg sudi follow. I will follow back :)

Our Annivesary

Daisypath - Personal pictureDaisypath Anniversary tickers

Wednesday, July 20, 2011

Tutorial Post Terbaru (Animasi)

Assalamualaikum

Saya suka tengok post with gambar yg brgerak2 kat sidebar saya ni.Ok now saya nak share camne nak wat dia gerak2..Saya belajar dari sini. Cara-caranya seperti tertera di atas bawah:


1. Design-> Add a gadget-> HTML/Javascript

 
2. Copy kod ni

<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: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 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[1] = "http://2.bp.blogspot.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";




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 = "URL BLOG";

limitspy=4

intervalspy=4000

</script>




<div id="spylist">

<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>

</div>




URL BLOG tu korang delete,letak url blog korang ye..jangan letak url blog orang lain lak, nanti terkejot tuannye blog tu,apehal de gambar gerak2 kat sidebar dia.tanjat boboii..hehe n rajin2la godek2 kod tu bagi nampak lagi gojes korangnye animasi tu..selamat mencuba cingu-cingu sekalian.

Salam   


No comments:

Post a Comment

Kamsamida pada sape2 yg sudi komen :)