Feb 3, 2011

Tutorial:: Kotak Recent Post yang Boleh Berubah-ubah


Pertanyaan yang diajukan oleh cik Niesz...sori ye dik, lambat nau balas soalan tu...hihi...


Kalau tak faham apa yang Niesz maksudkan, korang boleh tengok kat sidebar blog ni, scroll sampai korang jumpa kotak macam ni::



Tajuk yang dipaparkan akan sentiasa berubah...cool kan? *wink*


oke untuk letak widget macam ni, uols just copy je code kata bawah ni k....then pastekan ke dashboard > design > add gadget > edit html  

<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:220px;
overflow:hidden;
float:center;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:200px;
padding: 2px 2px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:center;
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:10px;
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 = 10;
acolor = "#666";
aBold = true;
icon = " ";
text = " ";
showPostDate = false;
showcomments = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://ctliyana86.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>



Tukar ayat yang kaler merah tu kepada url blog masing² k...kalau tak tukar udahnya korang promosi blog aku secara percuma...kehkehkeh~


Selamat mencuba! v(^^,)


19 comments:

JULYA said...

hye yana
long time no komen
tq dgn tuto anda
off nampak
g kutip angpau ng ujang ke
hehe

Duniakuabstrak said...

yes! tutoriaL yang berguna tapi spesis pemaLas mcm aku mmg maLas nak buat

qyqa said...

akak!!!
tengsss...
kiter memg na buat tp xpandai...

Areyoudys said...

as salam..
syukran~ ingat mengingati~ hampir-hampir lupa coding htmlnya..
takpe-takpe.promo sekali sekala~ ;)

Liza @ Adzriel AB said...

promote yana free2 je...he..he. cuba promomote sponsor kenduri nanti..lagi cantik.

mrs kayrul said...

ada tutorial menarik nie...nak cuba gak...yana, kayrul copy erk..????

yanamib said...

@JULYA:: hr ni x aktif sgt on9..hehe..bz berjalan je nih =P



@DuniakuAbstrak:: aku tau ko mmg femalas...lalalala~ =P



@qyqa:: ur welcome dear ^_^



@...:: ur welcome =)



@Adzriel AB:: tang tu mmg sy akn promote..tggu ms je yeh..heee~ =)



@shah-kayrul:: silakan copy..takde masalah..tapi kalau nak copy entry diharap backlink kan ke blog ni k ^_^

aziehoneys said...

hehe.. yana .
thanks 4 share d tuto.. :)
suke na aplikasi..mcm2 upenye..

❤ lovelymasha❤ said...

salam yana...akak dah buat...dah jadi dah...nanti blh x tutorial utk kotak yg bunga2 tu nak buat camne...hehe

nice tutorial...thanks

lovelyfana said...

yunk.. tq.. lame dh nk tnye cmne nk wat.. ahakkss.. :)

Fazleyatul Aini said...

ok nak buat jugak. hihi

sahromnasrudin said...

assalamualaikum..

trime kasih atas tuto ini..sesungguhnya ia sgt bermanfaat...

Noor Fatin said...

nice post! lama dah nak try buat. nanti la try! heheh

meow kucing said...

adeh.. bilelah nk kawin nie... sunyinye idup

Tieah Madian said...

Hahaha..
Bagus tu kalo tak tukar url blog..
Free je dapat trafik..
Ngee.. :)
Teringin nak buat tapi takut blog jadi berat owh..


Latest entry : Istimewa di Hari Ulangtahun ke-23 Deen Hotfm

Monyet Di Luar Tempurung said...

nie nak try ni.. tp tunggu la bila entry blog dah banyak skit.. hahaha..

-trafalgar d law-

apdm said...

salam pagi jumaat =)

dah lama nak buat ni, tp tak terbuat jugak,.huhu

lalink7 said...

nak try jugaksssssssssssssssss

tq yana

Hanis Zulaikha said...

wahh..nak try la...thanks kak for the tuto..harap2 menjadi

Related Posts Plugin for WordPress, Blogger...
Copyright to LIFE 101
Designed by UMIESUEstudio 2015