Welcome to my purplish blog. Stay cool reading my entry :) | Dashboard | Follow |

Tutorial : hidden shoutbox

ini tutorial untuk sembunyikn shoutbox . kalau kauorg dh buad shoutmix nk hiddenkn dia ini step2 dye :-

1. Dashboard - Design - Page Element - Add Gadget - HTML/JAVASCRIPT
2. Copy code kt bwh ini & paste kt HTML/JAVASCRIPT

<style type="text/css">

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

.gbtab{
height:400px;
width:60px;
float:left;
cursor:pointer;
background:url('http://i738.photobucket.com/albums/xx26/ranggadj22/shout.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 60-w) : moveGB(60-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 SHOUTBOX ANDA DISINI

<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 = (60-gb.offsetWidth).toString() + "px";
</script>

  • Yg warna pink tuhh, untuk width & height gmbr 
  • Yg warna hijau tuhh, url gmbr kauorg . url tuhh kauorg mole cri di glitter-graphics.com atau photobucket.com . yg aku tunjuk tuhh url yg dh disediakn oleh aku . 
  • Yg warna biru tuhh, kauorg msuk knn shoutmix code kauorg kt situ .
  • Yg warna merah tuhh, kauorg kena adjust sikit coz kdg2 shoutmix tk tunjuk spenuhnye kdg2 tutup tk habis . kalau tk reti bgitahu yea . 

http://i1092.photobucket.com/albums/i417/ainadyra96/1287903_0533_625x625copy.png

http://i1092.photobucket.com/albums/i417/ainadyra96/cats2copy.png

http://i1092.photobucket.com/albums/i417/ainadyra96/hellokittycopy.png

  • Ini setengah aku dh tolong buadkn . (=
*p/s: comment after you're done doing this :)

The End

54 comment here :):

Aina Aqilah said... Best Blogger Tips[Reply]Best Blogger Templates

ooo . thanx

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

ur welcome :)

Song Yo0nji said... Best Blogger Tips[Reply]Best Blogger Templates

tenx taw..aina nadyra..
sbb tlg bgy gmba cumel2 skali..nnty wana add kt fb approve ye???

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

no biggie , ur welcome :)
okey . ;)
follow bloggie ini skli kalau mole yea :)

mrs. diamonia said... Best Blogger Tips[Reply]Best Blogger Templates

aina , tak leh pon !

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

ape yg tk mole eh ?

fieqah.... said... Best Blogger Tips[Reply]Best Blogger Templates

ske2

Thiena said... Best Blogger Tips[Reply]Best Blogger Templates

aina..gamba kuar sparuh la.. T_T

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

thiena ,
u edit nombor yg warna merah sesuai ikut gambar .

ila said... Best Blogger Tips[Reply]Best Blogger Templates

thankz 4 the tutorial

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

ur welcome :)

ikin...... said... Best Blogger Tips[Reply]Best Blogger Templates

thks

RANDOM AWESOME said... Best Blogger Tips[Reply]Best Blogger Templates

Thnanks,dgn tutorial nie,shoutbox sye dah jadi cantik

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

ur welcome :)

syaza edzal said... Best Blogger Tips[Reply]Best Blogger Templates

nk gmbr selena gomez url bole takk ,
i wt takkjdi la ,

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

nah,
http://i1092.photobucket.com/albums/i417/ainadyra96/catscopy-2.png

ini khas saya buad ent utk peminat selena gomez cm u .
tpy u pndai2 lah adjust eh ?

LifE Of oNE_nI 8 said... Best Blogger Tips[Reply]Best Blogger Templates

hye ! dh jdi la , . thank 4 tunjunkan kn org yg kuno it cm saye , .

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

hey ,
haha ;D
ur welcome :)

Nur Azleena's said... Best Blogger Tips[Reply]Best Blogger Templates

thankiesss ,

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

ur welcome :)

tentangkita said... Best Blogger Tips[Reply]Best Blogger Templates

; thnks awak .

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@tentangkita no biggie :)

hannani said... Best Blogger Tips[Reply]Best Blogger Templates

amnik slh satu icon shoutbox di ats blh x??

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@hannani sure , u can take it :)

cerita si nabila said... Best Blogger Tips[Reply]Best Blogger Templates

nek , cu mintak izin nak gune , mole ??

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@cerita si nabila jgn nk bernenek sggt lah . haha ;D bole sygs ;)

azwar syuhada said... Best Blogger Tips[Reply]Best Blogger Templates

thanks..baru cuba..tapi cartun nya nampak separuh jer..kenapa yer??

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@azwar syuhada adjust width anda :)

aryn nadira said... Best Blogger Tips[Reply]Best Blogger Templates

camne nk adjust width tuh??

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@aryn nadira yg tulisan pink tuhh . adjust lah .

azureen nadhirah said... Best Blogger Tips[Reply]Best Blogger Templates

thanx..udah jadi.. :)

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@azureen nadhirah ur welcome :)

yaya dluver said... Best Blogger Tips[Reply]Best Blogger Templates

tenz kak dyra yg cute , for the tuto ni jadiii yeahhhh

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@yaya dluver ur welcome sweety :)

Syasya Farhanah said... Best Blogger Tips[Reply]Best Blogger Templates

saya dah amk satu .thankss . bergunee sngt :)

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@Syasya Farhanah amik lah :) ur welcome :)

aishah said... Best Blogger Tips[Reply]Best Blogger Templates

tq

raja hidayah said... Best Blogger Tips[Reply]Best Blogger Templates

mne nak crik shoutmix code kite ?

Nor Suhaida said... Best Blogger Tips[Reply]Best Blogger Templates

hmm , yang shoutboxnye tak tutup habis laa --' macamm mane nak adjust ?

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@raja hidayah di shoutmix.com :)

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@Nor Suhaida adjust yg warna merah tu . kne try and error :)

DaYah Dollien said... Best Blogger Tips[Reply]Best Blogger Templates

thanks aina

Bieber Qiz Blog said... Best Blogger Tips[Reply]Best Blogger Templates

kak aina..qis tk pandai nk ubah die punyer size.. la tlg kn.....die jdi lagi lebih besar drpada patung tu

amiera said... Best Blogger Tips[Reply]Best Blogger Templates

thank a lot !

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

amiera, you're welcome :)

Anglear!ez!! said... Best Blogger Tips[Reply]Best Blogger Templates

adikk manis...
akk ta pat wat laaa...
ta mole copy p0n..
help me...

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@Anglear!ez!! tak boleh copy? tekan ctrl c serentak kak untuk copy.

farahin said... Best Blogger Tips[Reply]Best Blogger Templates

yezza !! cun ! thnx yaw ! :)

farahin said... Best Blogger Tips[Reply]Best Blogger Templates

uish asal kat shoutbox tu xde ape pown ?? kosong jeee.. alaaa xreti~ =,=

Nur Syakila said... Best Blogger Tips[Reply]Best Blogger Templates

camne nk copy?

Abyllazz said... Best Blogger Tips[Reply]Best Blogger Templates

thanks kak Dyra :)
tuto akak ni banyak membantu :D

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@farahin dah buat shoutmix belum? visit sini shoutmix.com :)

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@Nur Syakila tekan ctrl c serentak untuk copy :)

aina dyra said... Best Blogger Tips[Reply]Best Blogger Templates

@Abyllazz you're most welcome. glad to hear that adik :)

Post a Comment