Tutorial : Automatic Recent Post

Hii , korang mesti ada yang nak tahu kan , macam mana nak buat automatic recent post :)
Kalau korang tak tahu apa itu automatic recert post , sila lihat sebelah kanan blog Lyssa bhgian bawah .ada kan?

So, korang nak tahu tak ? meh cini nak ajarkan :)

1. Log in > Dashboard > Design > Add Gadget > Html/JavaScript

2. Copy And Paste code di bawah di ruangan Html/JavaScript ok?

<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 = "http://URL BLOG.blogspot.com/";
limitspy=4
intervalspy=4000
</script>

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

*Yang warna MERAH tu ,korang letakkan URL BLOG korang ok ?

3. Da siap . Save :)

=Selamat Mencuba!=
(Bagi sesiapa yang dah menjadi tu , bagitaw Lyssa erkk ?:)


KONGSIKAN ARTIKEL INI..
Previous
Next Post »

72 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
aida4eva
AUTHOR
February 2, 2011 at 10:59 PM delete

lyssa...dah jadi..sy ikut tut0 awk ni..suke suke suke :) maceh syg! :)

avatar
February 3, 2011 at 4:31 AM delete

@aida4eva

ehehe . suka tuto Lyssa ehh ??
letak banner Lyssa kat blog aida! ^_^

avatar
nur aliya
AUTHOR
February 13, 2011 at 9:32 AM delete

lisa . hehe.
sye dah ikot tuto nih. tapi besa sangat. saiz sidebar saye kecik jeh. cner nak kecik kan ek ? tq.

avatar
February 13, 2011 at 10:20 AM delete

@nur aliya

ohh . klau nak ubah size nyer .
ubah kat sini ..

boxwidth = 255;

jadikan dia kcik dr no tuh k ?:)

avatar
nur aliya
AUTHOR
February 13, 2011 at 10:21 AM delete This comment has been removed by the author.
avatar
February 28, 2011 at 1:40 PM delete

tq ya ~ lyssa tp boley x nk bg yg recent post nie terapung ??

avatar
February 28, 2011 at 3:23 PM delete

@αզʋ::∂нʏɛα::καмσ0

ohh .terapung .. Lyssa tak bpe nak reti lah yunkk .~

avatar
Sofie Ezzaty
AUTHOR
March 12, 2011 at 1:15 AM delete

@Lyssa Dollixious kak lyssa , boleh tkar mcm .. yg kak lisa bwat ney kan kebawah .. boleh bwat mcm ketepi ke ?

avatar
March 12, 2011 at 4:42 AM delete

@Sofie Ezzaty

tk .tk reti. dia mmg akn ke bawah nyer lah .~

avatar
Anonymous
AUTHOR
March 30, 2011 at 6:48 PM delete

tolong..buatkan boleh..

avatar
March 30, 2011 at 9:56 PM delete

@Anonymous

npe ? senang je lah tutorial niyh. tk melibatkan edit html pon... okie?

avatar
April 3, 2011 at 3:23 PM delete

YAYY ! dh jdi ! thnkss alowt kakk Lyssa yg kiut abess nieyhh . dh lme sgt qeen carik tutor nieyh , tpi ta jdijid . tenokk tutor kakk bru jdi . suke tutor kakk sgtsgt . thnkss :)

avatar
Eyrah ♥
AUTHOR
April 15, 2011 at 1:17 AM delete

da wat :) jdi :) thanks :)

avatar
April 21, 2011 at 3:26 PM delete

da buat da~ hik! thanx jadi tutor yg terbaik! ;) keep n touch~ dear~

avatar
May 2, 2011 at 1:47 PM delete

yesh ! jdix puwn ^^ thax yaw !
nyway , nice tuto kQ lisa :)

avatar
May 11, 2011 at 12:12 PM delete

@Lyssa Dollixious salam, kak lisa..sal saya cuba buat recent post tuh..xkluar eah..??..dah siap save pon..any mistaken?

avatar
Ery
AUTHOR
May 18, 2011 at 9:52 AM delete

@aida4eva

lyssa..nak ejas kaler laen takleh ke?? t dah reply tolong inform kat saya k?

avatar
Esha iDek
AUTHOR
June 10, 2011 at 1:20 AM delete

Saya ikod tuto ni. :P Terima kasih owner punye blog :P

avatar
July 24, 2011 at 4:59 PM delete

done .thanks kak lyssa yg comei ..

avatar
July 28, 2011 at 4:14 AM delete

yana buat bnyak kali taw,,pelbagai tuto..tak pena jadik.. uhuhuh..sad :(

avatar
Cik Tebu
AUTHOR
August 6, 2011 at 4:54 PM delete

kite wat jdik kat lyssa.thanks for your tuto..

avatar
N K I S
AUTHOR
August 24, 2011 at 10:05 PM delete

saya buat..tak jadi pon.. :( dia keluar kosong je..aduii :(

avatar
Na'ah
AUTHOR
October 8, 2011 at 4:14 PM delete

kak lisa..cm na nk wt BLOG ARCHIEVE 2 wujud kmbali erk??? x leh dh ka???

avatar
bl0g izzah
AUTHOR
October 18, 2011 at 5:18 PM delete

thanks very much kakak syng akk<3

avatar
NurinLavigne
AUTHOR
November 11, 2011 at 3:32 PM delete

Kak! sye blogger baru! singgah la-->http://nurinlavigne-blackstar.blogspot.com/ yee.. sye punye jdi! thx kak! BTW blog kak comel sngat!! klu ade LOVE button kan best!! <3

avatar
Shukor korox
AUTHOR
November 12, 2011 at 2:45 AM delete

ok jadi da..anyway thankz

avatar
cek-chiqa
AUTHOR
November 13, 2011 at 1:24 AM delete

sudah jadi tpi bkn ape yg sepatut nya tpi x pe lh bez jgk

avatar
SyafyNajihah
AUTHOR
November 15, 2011 at 8:07 AM delete

kak Lyssa! da jdik da..thnx yea..bnyk tuto akak yg sye da gne n menjadi.. =)

avatar
Wawa / HR
AUTHOR
November 16, 2011 at 8:39 AM delete

thanks kak lyssa ^^ dah jadi dah ^^

avatar
November 19, 2011 at 5:59 AM delete

Thank kak lyssa, kira ambik tuto ni. thank :D

avatar
November 21, 2011 at 2:14 PM delete

salam..akak juliaty ambik tuto ni ok
:D

avatar
Nur ' Ayna
AUTHOR
November 25, 2011 at 4:47 PM delete

akq lyssa , tk jdi pon !

avatar
Nur ' Ayna
AUTHOR
November 25, 2011 at 4:52 PM delete

jadi jadi , thnx akq lyssa Chomeii !
shyunk akq , muah muah .

avatar
Nurul Aina
AUTHOR
December 9, 2011 at 11:11 PM delete

Jadilah .... wah! terima kasih kak! : )

avatar
ifa_hotgurlz
AUTHOR
December 18, 2011 at 4:20 PM delete

macam mane nak letak coment sekali dengan kotak nye . comment saya dahh hilang saya guna blogskin . boleh tolong tunjuk kan :D

avatar
LavendarLady
AUTHOR
January 7, 2012 at 10:44 PM delete

kak lyssa,jadi ar..tQ byk2..hehe

avatar
January 20, 2012 at 5:36 AM delete

besnyer blaja tuto lysa..:)

avatar
Sara D'Luvers
AUTHOR
February 6, 2012 at 1:24 PM delete

menjadi yu ho dah letak dh

avatar
February 15, 2012 at 2:46 PM delete

beres! superb .......terima kasih lyssa

avatar
February 15, 2012 at 2:47 PM delete

beres! superb .......terima kasih lyssa

avatar
February 17, 2012 at 3:57 PM delete

waaa~ tengs lyssa. menjadi juga :)

avatar
Mizzy Ella
AUTHOR
March 1, 2012 at 9:58 AM delete

wahh..dah jd..thanx =)

avatar
Iza Soo-Yun
AUTHOR
March 15, 2012 at 11:07 PM delete

yes! m'jadi jugak akhirnye.. tq lyssa!

avatar
Jana Hashim
AUTHOR
March 16, 2012 at 3:36 PM delete

lysa thanks 4 da tuto...tp jd ke bwh lah... x santek..nak cm lysa nyer tu.. ;( btw thanks so much!!

avatar
April 3, 2012 at 7:39 PM delete

salam kak lisa... biasanya automatic recent post ni bergerak-gerak kn?? tp sy punya x gerak la.. cenna ni??

avatar
April 24, 2012 at 2:00 PM delete

Tuto yg amat bergune...
tq Lyssa...
Akak amik ye..:)

avatar
miss kEchik
AUTHOR
June 26, 2012 at 1:56 AM delete

salam akak ..sOry ganggu .. autO recent pOst tOo da jd tp dye sOh letak gamba plak .. ? cmne akak ?

avatar
Nur hanim
AUTHOR
June 29, 2012 at 4:00 PM delete

Thanks. Banyak membantu betuii tutorial ni :)

avatar
nina
AUTHOR
July 30, 2012 at 1:41 PM delete

dah jadi lyssa..,tq,,:)

avatar
August 17, 2012 at 9:51 PM delete

dah jadi.. terima kasih :-D

avatar
crazy girl
AUTHOR
September 23, 2012 at 11:34 AM delete

Thanks lyssa, tak jemu pon singgah blog lyssa hari hari :)

avatar
September 23, 2012 at 3:29 PM delete

lyssa,kalau blogskins takpe ke?nak letak mana?

avatar
November 8, 2012 at 8:40 PM delete

thanks bebanyk..bnyk ilmu dpt hr nie..dpt jea ptg td..mcm2 dh wat..

avatar
Qis Secret
AUTHOR
November 22, 2012 at 9:31 AM delete

Kak lyssa, macam mana nk buat frame dalam post yg macam kak lyssa buat tuh?

avatar
March 10, 2013 at 8:58 AM delete

kalau buat ni,blog achieve perlu x?

avatar
September 4, 2014 at 6:14 PM delete

Infonya sangat berguna buat nubie seperti saya

avatar
November 4, 2014 at 11:10 PM delete

syukran,tutorial ni,sekali je buat,alhamdulillah terus jadi...=)

avatar
Shu Naim
AUTHOR
April 16, 2015 at 8:57 PM delete

yoohoo kak lyssa jadi lagii . thanks kak lyssa !

avatar
Fryda Aulia
AUTHOR
August 1, 2015 at 6:55 PM delete

ada buat blogskins kak?

avatar
claudy
AUTHOR
March 24, 2016 at 9:47 PM delete

YEAH JADI!! TAPI MACAM MNA NAK BESARKAN BOX DIA?

avatar

Google+ Followers