Notes

1. I don't do tutorials anymore.

2. I rarely update my blog due to my health condition.

Thanks for your concern :)

Monday, July 12, 2010

How to make a recent post slider

Sherah requested this, so I make one. Here we go ;


1. Dashboard > Design > Page Elements > Add a Gadget > HTML/Javascript


2. Copy this code and paste it to HTML/Javascript area.


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
margin-bottom:-20px;
padding:0px 0px -20px 0px;
height:350px;
}
#spylist ul{
width:270px;
overflow:hidden;
float:center;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:252px;
padding: 2px 2px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#FFFFFF;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#A32929;
font-size:12px;
height:0px;
overflow:hidden;
margin: 0px 0px;
padding:0px 0px 0px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:0px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:0px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:0px;
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 = " ";
showPostDate = false;
showcomments = false;


summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://URL korang.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://sites.google.com/site/testingsahaja/recentpostslide.js?attredirects=0&d=1" type="text/javascript"></script>
</div>


3. Insert you blog URL on the red colored font.


4. Save and yes, you're done !  :D


P/S : credit to BLOG SERBAGUNA.

20 orang rasa saya gemuk tapi hot. aww:

Pinky Pixie said... REPLY

banyak betol tutorial kat sini..
hud hud hebat lar. jeles betul. nak berguru! =.='

sherah said... REPLY

thanks sayang!i sayang you lebih lahh hehe

semut lelabah said... REPLY

betul.. selalu jugak aku jengah tutorial kat sini..

yang ni aku rasa macam nak try.. :)

d said... REPLY

dear.. i wat x kua pape pown~ sob3~

mrs.JamaL said... REPLY

best..best..nt nk try

mrs.JamaL said... REPLY

huda yang comey..tenkiu..tenkiu..dah jadi...
nanti wat la tutor banyak2 ee..buleh makcik datang kutip lagi..hik..hik..

hudhud said... REPLY

@CintaNajihah eh npe tk jd babe? yg lain jadi tawww. cuba u check balik, u tk letak blog url kot? ;)

MiaSaidin said... REPLY

tq.. lama dh i cari nk buat mcm ni.. :mj

Fay said... REPLY

nanti ai try. hikks. :)) nice tutorial. :D

♥ Roshazzy Shag ♥ said... REPLY

aku cilok tutorial kau ;) thanks for sharing :D

chotz said... REPLY

wah dah jadik cekgu la ni kekasih gelapku ini

hudhud said... REPLY

@Pinky Pixie hehe i pun belajar dr ramai blogger lain :)

hudhud said... REPLY

@sherah i love u more more ! :D

hudhud said... REPLY

@Hapiz Rahman try jgn tk try hehe

hudhud said... REPLY

@mrs.JamaL hehe baik lah akak. apa makcik pulak ishhh :P

hudhud said... REPLY

@Salmia hehe ur welc :)

hudhud said... REPLY

@Fay Nana (Cik Fana) thx :)

hudhud said... REPLY

@♥ Roshazzy Shag ♥ sesama :D

hudhud said... REPLY

@chotz bila masa plak u kekasih gelap i hihihihi

Unknown said... REPLY

i dah buat! ;D
thanks a lot..
tapi kan, bila title entry panjang, sebahagian dari title tu hilang.. mcm mana u buat kalau title panjang dia turun bawah..

help me please =="

ce tgk kt sini http://bukanmengata.blogspot.com/

Post a Comment

Next Previous Home