Hey! I'm Emy Adila
tutorial sorokkan/hidden shoutbox !
Wednesday, May 18, 2011 ? 4 Atashinchi ?
ok tutorial direquest oleh CIK IEQA muahahaha*keji x aq gelak ?*

kalo nk tau mcm mne bnda 2 disorokkan ,, meh emy tunjukkan ckit.
lps tekan gmbr 2 dye akan jd mcm ni..faham x ? ok faham .. bagus..

kalo buat mcm ni x la susah sgt .. x de nk kene cari code tu code ni.. 

ok ! jum kite start tutorial..

1) dashboard >> design >> add a gadget >> html/javascript

2) copy code kt bawah ni n paste kt html/javascript td k ?


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;}
* html #gb{position:relative;}
.gbtab{
height:200px;
width:100px;
float:left;
cursor:pointer;
background:url('URL gambar shoutbox') 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, 100-w) : moveGB(20-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 CODE SHOUTBOX U ALL 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 = (100-gb.offsetWidth).toString() + "px";
</script>

op ! op ! jgn save lg . x siap lg la . haiyo . ok yg 
1) warne coco height n width .. u all boleh tukar .. emy pon tkr jgk . emy gune  
height : 400 
width : 150
kalo x nak tkr pon x pe .. 

2) yg warne biru 2 gmbr utk shoutbox.. you all boleh la cri kt photobucket glitter graphic tp kalo mls boleh amik yg emy cari ni .. emy pon curi2 kt google je .. tp ade edit ckit .. emy transparentkan background dye .. 

http://i1203.photobucket.com/albums/bb392/giloq/th_q.png?t=1305683842

http://i1203.photobucket.com/albums/bb392/giloq/th_22.png?t=1305683842

http://i1203.photobucket.com/albums/bb392/giloq/th_d.png?t=1305683842


http://i1203.photobucket.com/albums/bb392/giloq/th_shouthere2.png?t=1305683842



http://i1203.photobucket.com/albums/bb392/giloq/th_shout-here.png?t=1305683842

3) yg warne merah plk .. u all letak la code shoutmix / cbox ..

siap ? ok da boleyh save .. :)






Thanks for reading :)




Older Post . Newer Post