Letak Background Pada Shoutbox

Preview:
Selain frame, korang juga boleh letak background pada shoutbox. Baru nampak meriah sikit kan? ^_^ Jom follow tutorial ini step by step:

1) Sign in akaun blogger

2) Dashboard >> Design >> Page Element >> Add A Gadget >> Html / Javascript

3) Copy dan paste kod di bawah pada ruang Html / Javascript tadi:
<center><div id="custombg" style="width:200px; height:300px; background:url(http://dl6.glitter-graphics.net/pub/3220/3220296jsbm3yjnbc.png) repeat; padding-top:0px; padding-left:0px; position:relative" align="center">

<iframe frameborder="0" title="shoutboxsaya" height="300" src="http://shout.busuk.org/?shoutboxsaya" id="r" style="filter:alpha(opacity=60);opacity:0.60;-moz-opacity:0.60; display:block; " scrolling="auto" width="200">

</iframe></center></div>
Nota: 
200 & 300 - saiz width dan height shoutbox korang.

url warna merah - url shoutbox korang. ( pada kod shoutbox korang, ambik dekat src='http://.....')

60 - nilai transperency shoutbox (ikut kesesuaian background yang korang pilih. jangan sampai tak nampak langsung tulisan shoutbox tu nanti ye ^_^)

url warna biru - masukkan url background yang korang nak. search kat sini atau pilih jer background yang dah disediakan kat bawah.

http://dl7.glitter-graphics.net/pub/676/676657yhxq5o5bjd.gif


http://dl4.glitter-graphics.net/pub/2080/2080324f7c521qp7z.gif



http://dl4.glitter-graphics.net/pub/577/577814mxl3lzplgr.gif




http://dl9.glitter-graphics.net/pub/1297/1297689x033a3xbsj.jpg


http://dl8.glitter-graphics.net/pub/2168/2168288zbnox1h1uo.gif



http://dl10.glitter-graphics.net/pub/1877/1877570beu28immp9.jpg



http://dl4.glitter-graphics.net/pub/3039/3039724iqnri5mycx.png



http://dl6.glitter-graphics.net/pub/3220/3220296jsbm3yjnbc.png

4) Lepas dah masukkan nilai yang sepatutnya pada kod tu, klik save dan lihat hasilnya.

Selamat mencuba! :)

50 comments:

  1. xjadi pun sy buat :(

    ReplyDelete
  2. kalau nak gabung antara frame ngan background bley x ?

    ReplyDelete
  3. knapa tak jadi pun saya buat juga

    ReplyDelete
  4. tq ~
    jdy pun yg wt frame tuh x lwa :)

    ReplyDelete
  5. Nk buat mcm mane ni? Ssh la.

    ReplyDelete
  6. tAk jadi jadia ku buat,,,
    lebih 10 kali aku cuba,,, tp x jadi pown,,,

    mcm mne nk buat,, ajar la stu persatu

    ReplyDelete
  7. sye xreti buat la tolong ajar

    ReplyDelete
  8. sy cube wat...tp x bleh pn nk wat blog...cm ne ek?>

    ReplyDelete
  9. da try gabung tp xbleh pon..huhuh..cm mne ek..??letak frame dlu ke bckground dlu sbnrnye

    ReplyDelete
  10. maaf nk tanya,, knp tutorial "kesan khas pada image apabila dilakukan cursor" xboleh buka ea??

    ReplyDelete
  11. mcmane nak gabung shoutbox ngan background ek..? x menjadi la..background meekat kt shoutbox je..need ur reply.:)

    ReplyDelete
  12. tak jadi,dia cakap yang shoutbox not found.

    ReplyDelete
  13. hi darling! i just saw ur blog and i loved it inmediately!!! i would like to know how you putted the effect on the links... because when i pass the mouse over ur links the letters move like the wind♥ i really hope u can help me! and im following u and now i think i've become addicted to ur blog♥

    ReplyDelete
  14. nk letak link dia nie kt ne...sy buat xjd pn...ad 2 shoutbox...

    ReplyDelete
  15. knapa frame boleh buat tp background xle buat..;( sy buat jd frame duk kt shoutbox but background asing..die duk sesorg..help pls?:)

    ReplyDelete
  16. mcm mne nk gbungkn frame ngn bckgr0und ?

    ReplyDelete
  17. super duper cute. take one okayy :)

    ReplyDelete
  18. super duper cute. take one okay :)

    ReplyDelete
  19. macam mana nak combine frame n background yea.. saya buat x jadi ler... boleh tlg tunjuk ajar.. tq

    ReplyDelete
  20. kalau transparent 2 makin bertambah x nampak tulisan ker?

    ReplyDelete
  21. @-AliyahShazmin- apa yg tak fham ye, ley explain tak, :)

    ReplyDelete
  22. @Anonymous yup generally..depends pada background yang anda pilih..

    ReplyDelete
  23. @ϟ be:gi ϟ it's calleg nudging..refer this tutor ok :) http://jombinabelog.blogspot.com/2012/03/efek-link-bergoyang-nudging.html

    ReplyDelete
  24. @Anonymous combine frame n bacground, refer tutor ni http://jombinabelog.blogspot.com/2012/02/letak-frame-dan-background-pada.html

    ReplyDelete
  25. @Jombinabelog i mean url shoutbox tu yang mana ? boleh bagi contoh ?

    ReplyDelete
  26. ada tak tutorial yg utk tengok brp followers kita ?

    ReplyDelete
  27. URL WARNA MERAH nak carikk dekatt mane ?

    ReplyDelete
  28. x dpt buat la...:( frame jew dpt wt..klu gabung x dpt..

    ReplyDelete

Komen kat sini ye.. ^_^