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


106 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-love-KPOP! 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

sheEqa` said...

ambek 1 ea phto shoutmix neh ,bole? ;)

Rara Faramyza said...

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

izalfa farihah said...

mintak satu .

Nadya Simpson' said...

Saya amek stu buleee ? Hehe :)

Nadya Simpson' said...

Why dya tak kuaaa ? :(

UMIYY'S said...

comel . amik satu yea :)

Cik rabbit 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 hunny bunch 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 hunny bunch 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

Liiyana ♥ said...

i amek u pnye tuto tw :)

Ms Chacha said...

cutenye!! nak amik jugak. tq =)

momoNERD said...

oukayy sygs , juz take it ;)

Firdani 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 !

Cik Mia Ayumi 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

Nur Dania Batrisyia 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

hanis sabrina said...

nak satu gambarr eh ;D

naednadia 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

redzuan23 said...

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

momoNERD said...

@redzuan23oukay , tenkiu x)

siti nur sarah said...

sya amek satu oke

momoNERD said...

@siti nur sarah oukay :]

myamooraww ;) said...

saya amik satu kayyy :) thanksss!

Miss Are-In Rafaaeell said...

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

Anonymous said...

pinjam satu.. comel belog.. :)

salwaismail 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...

Pure Mahabbah Fillah 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 :)

BluR sEkeJap 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 !

chipalicious 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 ;)

yien. said...

i amek satu k. thnks :)

it's me! said...

saye nak satu bole ?
thanks :))

Shasha said...

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

kiminina:) said...

saya ambil pic no.2 . Kthanks :)

aNNa CoMoT 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~

Nessa Sierra said...

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

Ailly D'Love said...

saya amek 1 ya ;D

Away said...

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

Nur Ain Nabilah said...

nk ambik satu ea.. hee~ tengs

::ღ m@sz ღ:: said...

rembat satu ya..=)

//Junnie 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 ;)

sheda amalina said...

hee . saya amek satu:) thanks.

IzzahSuhadi said...

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

aKiLah said...

thank you, :)

wanie-raina said...

wanie amek ea?? tanx sngt for tutor :D

RynNaniez ^_^ said...

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

Joel Hamilton said...

mintak satu .

Weeya Mahadzir said...

Menjadi . Saya ambik satu . Thankyou :)

secret girl said...

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

Aisya Umayra said...

saye culik satu ek.. thanks..

atika hassan said...

kite amekk satu ehh , trimas :)

Hazrina Halim said...

pinjam satu.. hik3.. XD

Specky Flower said...

saya amik satu ye :)

Nurfarah Hanani said...

saya ambil satu ye ,.

NURAZHANA ZULKEFLI said...

nice tuto. thanks ! (: