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/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 :)
54 comment here :):
ooo . thanx
ur welcome :)
tenx taw..aina nadyra..
sbb tlg bgy gmba cumel2 skali..nnty wana add kt fb approve ye???
no biggie , ur welcome :)
okey . ;)
follow bloggie ini skli kalau mole yea :)
aina , tak leh pon !
ape yg tk mole eh ?
ske2
aina..gamba kuar sparuh la.. T_T
thiena ,
u edit nombor yg warna merah sesuai ikut gambar .
thankz 4 the tutorial
ur welcome :)
thks
Thnanks,dgn tutorial nie,shoutbox sye dah jadi cantik
ur welcome :)
nk gmbr selena gomez url bole takk ,
i wt takkjdi la ,
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 ?
hye ! dh jdi la , . thank 4 tunjunkan kn org yg kuno it cm saye , .
hey ,
haha ;D
ur welcome :)
thankiesss ,
ur welcome :)
; thnks awak .
@tentangkita no biggie :)
amnik slh satu icon shoutbox di ats blh x??
@hannani sure , u can take it :)
nek , cu mintak izin nak gune , mole ??
@cerita si nabila jgn nk bernenek sggt lah . haha ;D bole sygs ;)
thanks..baru cuba..tapi cartun nya nampak separuh jer..kenapa yer??
@azwar syuhada adjust width anda :)
camne nk adjust width tuh??
@aryn nadira yg tulisan pink tuhh . adjust lah .
thanx..udah jadi.. :)
@azureen nadhirah ur welcome :)
tenz kak dyra yg cute , for the tuto ni jadiii yeahhhh
@yaya dluver ur welcome sweety :)
saya dah amk satu .thankss . bergunee sngt :)
@Syasya Farhanah amik lah :) ur welcome :)
tq
mne nak crik shoutmix code kite ?
hmm , yang shoutboxnye tak tutup habis laa --' macamm mane nak adjust ?
@raja hidayah di shoutmix.com :)
@Nor Suhaida adjust yg warna merah tu . kne try and error :)
thanks aina
kak aina..qis tk pandai nk ubah die punyer size.. la tlg kn.....die jdi lagi lebih besar drpada patung tu
thank a lot !
amiera, you're welcome :)
adikk manis...
akk ta pat wat laaa...
ta mole copy p0n..
help me...
@Anglear!ez!! tak boleh copy? tekan ctrl c serentak kak untuk copy.
yezza !! cun ! thnx yaw ! :)
uish asal kat shoutbox tu xde ape pown ?? kosong jeee.. alaaa xreti~ =,=
camne nk copy?
thanks kak Dyra :)
tuto akak ni banyak membantu :D
@farahin dah buat shoutmix belum? visit sini shoutmix.com :)
@Nur Syakila tekan ctrl c serentak untuk copy :)
@Abyllazz you're most welcome. glad to hear that adik :)
Post a Comment