Senarai Tutorial

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! :)




Special:
wOoWW...!!!!!
dia dicabar untuk SENYAP...
Lawak kot tengok laki hilang kemachoan diorang dalam keadaan macam ini...!!!!
watch a movie...


Sharing is caring ^_^

51 komen budak comel:

wawa zara said...

xjadi pun sy buat :(

Are~q!Lah said...

kalau nak gabung antara frame ngan background bley x ?

Jombinabelog said...

@Are~q!Lah boleh :)

nur afiqah adnan said...

knapa tak jadi pun saya buat juga

Karina Valisia Davis said...

error :(

jie zatyy said...

tak boleh pon saya buat .

lieya_eiyaa said...

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

Cik Lyana Jais (Aryana) said...

cmna nak edit bahagian comment???

erthienda said...

makasih tas infonya,.,.

Sarah bdk baik :) said...

kenapa x jadi ek ?

♥¯`*•.♥*● little red cherry ●*♥.•*´¯♥ said...

@wawa zara kite buat pon x jd gak leh wat frame jew background xleh lak :(

dian januar fitriawati said...

follow aku dong :)

Farah Izzati said...

Nk buat mcm mane ni? Ssh la.

EiQah Chikter Lovely said...

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

mcm mne nk buat,, ajar la stu persatu

豆奶 said...

;D

nurul ain said...

sye xreti buat la tolong ajar

radiahdaniarad said...

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

JASA JOKI SISILIA ONG said...

maksud nya gimana sih ?

털이 소유 said...

ha'ah . xjadi pon ... :(

~cik nuyu~ said...

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

Dayana Steady FC said...

cute doh!!

ct nyssa said...

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

neynaomi.blogspot.com said...

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

✿polka dots girl✿ said...

x dew yg bru kew ??

hitam manis said...

like this

wan khatijah said...

tak jadi lah

Lea said...

npe sye buat x jd??

allyssa said...

tak jadi,dia cakap yang shoutbox not found.

ϟ be:gi ϟ said...

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♥

ainul mukminah said...

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

Neesa Khir said...

Kenapa x boleh... :(

Fatin Aiviana said...

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

Nab b-LaH said...

mcm mne nk gbungkn frame ngn bckgr0und ?

IzmaLeiia Irham said...

:)

hajar hafizah said...

super duper cute. take one okayy :)

hajarhafizah said...

super duper cute. take one okay :)

Niqi said...

kl cbox mcm mn??

Atyra Stella Story said...

comel-2... :)

Ju Nina ( Hidayati ) said...

TAK BOLEH PONN

Anonymous said...

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

Anonymous said...

kalau transparent 2 makin bertambah x nampak tulisan ker?

-AliyahShazmin- said...

tak faham .

Jombinabelog said...

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

Jombinabelog said...

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

Jombinabelog said...

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

Jombinabelog said...

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

-AliyahShazmin- said...

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

-AliyahShazmin- said...

ada tak tutorial yg utk tengok brp followers kita ?

gadis-epy said...

URL WARNA MERAH nak carikk dekatt mane ?

Ct Rahma J. said...

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

Deera Irsul said...

boleh ! thanks ! :)

Copyright© All Rights Reserved Jombinabelog.blogspot.com