Recent Post Bergerak (Slide)

Hey Peeps!
Kali ni dila nak wat tutorial pasal Recent Post Bergerak atau slide...
Macam Ni
Tak gerak?? memang lah tak gerak sebab tu picture jew..cuba korang tgop kat sidebar blog dila
ni...ada tak??
ha...ada kan...ok,nak tau nak wat camne...jom ikuti...

1.Design>Page Element>Add A Gadget>HTML/JAVASCRPIT
2.Copy code bawah 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[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 BLOG KORANG/";
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></center></center>

3.Pastekan di HTML/JAVASCRIPT
4.Save!

Jangan lupa yang warna "Merah"  tu tukarkan kepad url blog korang yew...

Tengs For Read

8 00 ♥LOVE♥:

EiRa sHa'mIerA said...

maaf ganggu..akak...npew adexwat tk jdiw ek..bila dah save jadiw kosong...x da papew..npew ek??

Dieyla said...

dah masukkan url blog adik ke belum?

EiRa sHa'mIerA said...

ha...kakak...dah jdiw...smlam tk jdiw...adek cuba wat rinie jdiw lk..thanq ek...(^_^)

Dieyla said...

alhamdulillah menjadi jugak.... (:

tyrah said...

asalamualaikum..tirah nk tnya sikit boleyh? kenapa kotak tu tk bergerak pun? :/

Dieyla said...

@tyrah
url blog dah masukkan?
or mybe post dalam blog adk tak byk kot.. :)

Apple Merah said...

@Dieyla ooo kna bnyak ka? haha tk pa lh lau cm tu nty try bt entry bnyk2x tgok jadi tak :) thnk for this tutorial :)

Dieyla said...

@Apple Merah
ok =)
gudluck