tutorial hide shoutbox with cute cover


assalamualaikum and selamat petang (:

wahh , alhamdulillah after i da buad 2 tuto nie , ramai yg request kt i . tp sory lahh , i buad yg mne sempat jea yea ==' next time , i will give another tuto oukayy . buad tuto nehh agak complicated . dats why , lambad untuk i post . act , i stay in hostel . jarang bole update bloggie . i pun tadew lahh pro mne macam kt tuto org laen tuh . korg , kalo tuto yg i buad ta jadyy , juz inform me .

tuto nie direquest oleh aina . tp i try view her bloggie , ta bole . T.T dea tanye cmne na buad shoutbox chumel , ahha ! chumel kee hunn macam tu ? aiyakk , tapew . i aja oukayy .

first , korg kene tawu lahh cmne na sorok shoutbox kesayangan korg tuhh . macam bese , pegyy dashboard>design>add gadget>html/java script , and paste code bawah nehh .

<style type="text/css">

#gb{
position:fixed;
top:50px;
z-index:+1000;
}
*html#gb{position:relative;}

.gbtab{
height:500px;
width:260px;
float:left;
cursor:pointer;
background:url('URL PIC YANG KORANG SUKA') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #00000;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 150-w) : moveGB(170-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">

MASUKKAN KOD SHOUTMIX KORANG KAT SINI :)

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (140-gb.offsetWidth).toString() + "px";
</script>



tulisan warna purple tuh korg bole tuka sukesuke korg lah . tp yg code shoutmix tuh , amik yg korg punya sblum nie . untuk gamba pulakk , i ade buad 4 contoh kt cnie . korg bole la amik kalo na , tp not awesome oukayy . haha XD . tp da amik tu , cakap dulu k . tamo lahh curicuri , ta manis .


Photobucket

http://i1134.photobucket.com/albums/m615/momoiro_renka94/tumblr_lc6cjwbVr41qcgmzqo1_400.png



Photobucket http://i1134.photobucket.com/albums/m615/momoiro_renka94/tumblr_lc2hm6MFOP1qcgmzqo1_400.png



Photobucket http://i1134.photobucket.com/albums/m615/momoiro_renka94/tumblr_lbpphdpqLh1qcgmzqo1_400.png



Photobucket http://i1134.photobucket.com/albums/m615/momoiro_renka94/tumblr_lbi94i6qL21qcgmzqo1_400.png


hunny , kalo suke tuto nie , hit like button bole ? T_T


107 comments:

Elya Afandy said...

cute nyeeeee! sy amek yg 2nd tu bole?

cik fyna said...

Tengs. Saye amek pic satu ! Pinjam . Hee :D

momoNERD said...

elya afandy : juz take it , tenkiu sudi view my ungojes bloggie (':

momoNERD said...

cik fyna : welkem ^^ amik lahh . dialualukan :DD

shuee-ELF said...

hyee, nak tanye..mcmne nak buad gmbr shoutbox mcm tu? kena gune apeape ke ? mcmne nak download? heee ;D

momoNERD said...

shuee : erk , i juz guna photoscape jea . tadea enn ta reti pun guna photoshop T.T

theDARLA. said...

ambek 1 ea phto shoutmix neh ,bole? ;)

@rarafaramyza said...

sygg , rara nak guna ea pic uh . comel la <3

izalfa farihah said...

mintak satu .

Nadd Riott' said...

Saya amek stu buleee ? Hehe :)

Nadd Riott' said...

Why dya tak kuaaa ? :(

Ummy Rahman's said...

comel . amik satu yea :)

Cik gigi kaca said...

cutela sy nk curik sy yea.. :)

momoNERD said...

sheeqa : bole , silakan .
rara : dear , bole jea . juz take it ^^
izalfa : amik laa (:

momoNERD said...

nadya : if u follow step yg i bagy tu , jady . mybe , u ade salah buad kudd =='

momoNERD said...

umiyy's : tenkiu , juz take it (:
cik rabbit : tenkiu curi ^^

eya said...

mcm mne mau copy ? tak bole click lorh .

momoNERD said...

bole sygs (": u juz highlight mcm bese . i juz tuka kaler highlight . then , ctrl + c .

eya said...

thanks :) eya amek satu oke ^^

miss hirda said...

nak 1 bole x sis? 1 je... hehehehe

momoNERD said...

eya : juz take it hunn <3
miss hirda : amik laa , sila :DD

liiyanamegat said...

i amek u pnye tuto tw :)

Anonymous said...

cutenye!! nak amik jugak. tq =)

momoNERD said...

oukayy sygs , juz take it ;)

Wanie said...

comel..nak amik satu boley? :)

momoNERD said...

yeah , amik laa ;)

Didy Lilo said...

Hey , MOMOnerd !
Actually , can I know ?
Macam mana I nak ambil code ?
Because your blog tak boleh tekan right click ?
Btw , kenal tak siapa I ?
You ada visit my blog .
Didy-sweet13 :)

momoNERD said...

heyy back ;)
erk , juz highlight mcm bese .
ijuz tuka kaler highlight nie .
then , u tkn ctrl + c serentak .
soryy hunn , i din't remember =='

Didy Lilo said...

kk , thanks !

. said...

saya nak jugak =P bole kan heee . comel

Ieyka said...

mekk,,knp x bole copy code dy nie???

momoNERD said...

cik mia ayumi : sile sile ;)

momoNERD said...

zieka : bole la nyah ! kau buad jea mcm highlight bese . then , ctrl + c . :D

Puteri Iqa Izyan said...

gmbr comel. nk try ^_^

momoNERD said...

puteri iqa izyan : your pleasure :D

We Care We Share said...

teheeee ;D cute lha , na pinjam , but nape xley copy code ? ;(

momoNERD said...

dania : heyy dear ,
erk , juz highlight mcm bese .
i juz tuka kaler highlight nie .
then , u tkn ctrl + c serentak .
done copying the code <3

MR HACKER said...

nak satu gambarr eh ;D

LieyaMarliana said...

amik satuu yea

momoNERD said...

hanis sabrina : oukayy dear ;)

momoNERD said...

naednadia : yeah , amik :D

Qurratu Kushairi said...

nak icon satu eh :) mekasih. hehe

momoNERD said...

@qurratu.kushairi eh amik la , amik laa . heee :D

KeluangMan said...

cantik dan cute blog........ sukeeee

momoNERD said...

@redzuan23oukay , tenkiu x)

sarah harun said...

sya amek satu oke

momoNERD said...

@siti nur sarah oukay :]

myamooraww ;) said...

saya amik satu kayyy :) thanksss!

Wardatul Jannah said...

awk, comeyyy!! ain amik yg last tu taw! dh lama nk bt camni. akhirnya. thanks! <3

Anonymous said...

pinjam satu.. comel belog.. :)

Unknown said...

nak no 2! :D

❤ lovelymasha❤ said...

salam kenal...& salam ramadan..sy mencari utk tutorial hide follower terjumpa awak puya blog..nice blog..& sy minta ambil satu pic shoutbox tu ye..& sy pun dh sudi follow awak..hehe

sitinursyazwani40 said...

nak ambil satu pic shoutbox tu ye :)

nurul rabiatul adawiyah said...

hye saye ade amiik tuto awk nie...terima kasih yee...

Bicara Bisu said...

Assalam..boleyh sy amek ilmu shoutbox awk cket....

ain azmi said...

momo ! kite suka ni. kite amek gambar tu skali taw. hihi awak punya je yang kite try menjadi hehe . thank yoouuu :)

momoNERD said...

@ain azmi silakan , dialualukan :)

Perindu Sepi said...

youuu. nice tuto! nk curi awk punyee pic tuh ea?? ^^

cik tehaa said...

adik comel! akak mik yang 2nd tu ye.. thanks tau! jgn kata akak curi. pnjm jap je ;)

hazirah kasimon said...

^^ sye amek 1.... uhu..bes ah wt tutorial ni..thanks sgt4 yahhh ~~sarang hae

momoNERD said...

@cik tehaa orait dear ;)

momoNERD said...

@BluR sEkeJap thanks anyway :)

momoNERD said...

@hazirah kasimon thanks alot yeah XD

Siti Khadijah said...

Sye amik satu yee

momoNERD said...

@Siti Khadijah silakan ;)

oreocheesecakes said...

comey... amik 1 yer...

nurul rabiatul adawiyah said...

Saye amik tuto nie yee..TQ !

amrastory said...

cutenyer.amek satu ye.tq :)

adiba ramli said...

amik satu yunk :)

Ryn said...

amek satu yaa ;)

Anonymous said...

amik satu , thanks :)

diana :)) said...

ambik satu ;)

Unknown said...

i amek satu k. thnks :)

cik Shai (: said...

saye nak satu bole ?
thanks :))

Anonymous said...

thanks for the tuto, dah follow.. follow me back :)
http://shashatajjuddin.blogspot.com

Aimi Marzuki said...

saya ambil pic no.2 . Kthanks :)

Anonymous said...

amik pic 1 ye momo :)

hazanis said...

nice..saya ambil satu..tq..:)

Adibah said...

comel..saia amik satu..nice tuto..thanks/:)

nurmis zainal said...

saya amik satu sebab comel :) halal ye. hee~

xoniisa said...

sya pon nak ambik 1. thanks ya for your tutorial (:

Anonymous said...

saya amek 1 ya ;D

True Feeling said...

salam , saya try pd blog sy okay ? thanks fer this tuto ;)

Nur Ain Nabilah said...

nk ambik satu ea.. hee~ tengs

mas. said...

rembat satu ya..=)

Unknown said...

comel :D

awatif kumiko said...

amek satu yaa .
thanks akak comel :)

effA_Afifah said...

Ambik satu k. makaseh..

Emmy Natiella said...

youuu , boleh tak if u buatkan tuto utk comment box ? how to put gmbar comel sebelah comment tu. i tgk tuto lain, dah try tapi tak jadi laa :'(

momoNERD said...

@Emmy Natiella Soryy , sekarang tak sempat nk buat tuto lagi. Fieza kerja :/

SYAHIRAH ASHAR said...

hello, blog awak comel :) saya ambil yang first eyh. hee ^^

momoNERD said...

@SYAHIRAH ASHAR Hello, oh thanks ;)

shedAmalina said...

hee . saya amek satu:) thanks.

izzaggg said...

Assalamualaikum , akak ^^'
Saya yang bernama Izzah nak ambil satu yaa ! xD K thankss ! Btw , nice blogg ! :D

aKiLah said...

thank you, :)

Anonymous said...

wanie amek ea?? tanx sngt for tutor :D

RynNaniez ^_^ said...

Awesome!! sy nak amek 1, eh?? thx

Joel Hamilton said...

mintak satu .

Unknown said...

Menjadi . Saya ambik satu . Thankyou :)

secret girl said...

akk saya amek tau .... tahnks jadi lha akk thanks for the tuto

Unknown said...

saye culik satu ek.. thanks..

Anonymous said...

kite amekk satu ehh , trimas :)

hazrinahalim said...

pinjam satu.. hik3.. XD

Unknown said...

saya amik satu ye :)

Unknown said...

saya ambil satu ye ,.

Nurazhana Zulkefli said...

nice tuto. thanks ! (:

Pretty Honey said...

thank you for d tuto, k...^^