Tutorial Animated Latest Post

by - October 16, 2011


Hah tengok tu kat atas .. Hebat tak ? hebat2 Tepuk tangan sape sukaaa ;] masih2.

Tutorial Tutorial Tutorial. Hah mesti korang suka dengar Azhunk nak wat Tutorial. Yang agak gempak tetapi kalau tak silap sesetengah blog sahaja yang boleh menggunakan aplikasi kali ini.

Animated Latest Post ni same dengan satu gadget latest post tetapi ia menunjukkkan secara animasi. Maknanya lebih hebat daripada yang biasa lah ;]

Seperti blog Azhunk World yang ni tak boleh. Azhunk tak tahu kenapa tetapi yang pasti kod dia memang dah betul. Tanpa membuang masa jom ikut step dibawah ^^

Step 1

Dashboard >> Design >> Add a gadget >> HTML/Javascript

Step 2

Copy kod di bawah dan paste di ruangan HTML/Javascript.

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

limitspy=4
intervalspy=4000
</script>


<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center><small><a href="http://www.azhunk97.com/2011/10/tutorial-animated-latest-post.html" target="_blank">Dapatkan widget di atas</a></small>


Tempat yang diboldkan boleh ditukar ye.

10 - bilangan post yang nak digilirkan
URL - Link blog anda
4 - Petak yang nak ditunjukkan

You May Also Like

3 comments