Tutorial - Hide shoutbox
Tuan tuan dan puan puan sekali. Hari ini cikgu shafiq nak ajr
anak2 murid kesayangan sekalian mcm mne nak hide shoutbox
anda?
Saya x hide pon. Huhuhu saje je. Dh terpampang dh
1. Anda mesti shoutbox ato ape2 chatting box anda sendiri. Kalo xde lagi
bolehlh daftar di sini.
2. Settinglah shoutmix korang ikut suke hanglh asalkn hang puas aty.
3. Pergi blogger design> add gadget> HTML/javascript.
4. Copy code yg tertera di bawah ni HTML javascript tu.
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:400px;
width:150px;
float:left;
cursor:pointer;
background:url(URL GAMBA ANDA) 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, 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">
Paste Code Shoutmix 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 = (140-gb.offsetWidth).toString() + "px";
</script>
- Yg warne biru adalah height dan width gamba korang yg akn tertera nnti.
- Yg warne hijau tu plak adalah url gamba korang yg akn tertera nnti.
- Yg warne merah plak korang kene pandai adjust2 sndiri sbb kdg2 gamba ato shoutbox korang x trsorok habis so pndai2lh adjust sndiri.
- 'Paste code shoutmix disini' brmaksud anda harus copy code shoutmix korang then paste di kawasan situ.
Note: Kalo sume code diatas tu dh Ok dh so tangan korang jgn nk menggatal nak ubah2 ye. Kang kalo x jadi PADAN MUKE HANG. Hahaha
