Life Journey of a Girl

tutorial hide chatbox or shoutbox or pape box lahh :D

(bismillahirrahmanirrahim)

err, baru aku perasaan aku tutorial ni tersimpan dalam draft aku hampir dua bulan lamanya =.= sorry sangat pd sesapa yang request tutorial ni hari tu. aku ingat dah post =.=''

1. dashboard---> design---> add gadget--->HTML/JavaScript

2. copy code kat bawah ni then paste :)

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:100px;
float:left;
cursor:pointer;
background:url('URL ICON OR GAMBA KAT SINI') 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, 90-w) : moveGB(90-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">
COPY THEN PASTE CODE SHOUTMIX 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>

3. nantiiii! blom cyap lagi okehh, meh nak cakap ni.

HIJAU- ni untuk url gamba yang korang nak. korang boleh cari dekat photobucket :)

PINK- kod korang pnye shoutbox/shoutmix/chatbox. copy then ganti kat tempat tulisan tu :)

UNGU- ni akan tentukan jarak korang pnye gamba tu drpd shoutbox korang. pandai pandaila adjust :)

ni antara gamba yang aku tolong search kat photobucket. kalau korang nak lagi, cari jela kat sane yee. and kalau korang nak buat sendiri pon boleh gak, gune photoshop, then upload je kat tinypic.com untuk amek url dye. :)

http://i1227.photobucket.com/albums/ee438/Serenity_Aina/shoutboxicon3.png

http://i891.photobucket.com/albums/ac114/miszsnowgurlz/miszsnowgurlz.png

http://i1210.photobucket.com/albums/cc413/fauzioji/njnk.png

pape soalan sila tinggal kat comment okehh :D