Pages

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:

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

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

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

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

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

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

    ReplyDelete
  7. @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 ^_^

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

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

    nice tutorial...thanks

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

    ReplyDelete
  11. assalamualaikum..

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

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

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

    ReplyDelete
  14. 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

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

    -trafalgar d law-

    ReplyDelete
  16. salam pagi jumaat =)

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

    ReplyDelete
  17. nak try jugaksssssssssssssssss

    tq yana

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

    ReplyDelete

bacalah setiap bait ayat²ku supaya kamu faham erti sebenar penulisanku...
jangan mudah melatah!
Terima kasih sudi membaca! (^^,)