Tutorial : Hide Shoutbox | Cara Hide Shoutbox Anda

Jun 13, 2011

Tutorial : Hide Shoutbox | Cara Hide Shoutbox Anda

ZoOm rasa sudah lama tak berkongsi ilmu dengan anda di ZoOMartis Dot Net @ Facebook, Hari ini ZoOM balik awal daripada pejabat kerana ada benda yang perlu diselesaikan. Waktu petang sebegini ZoOm tak tau nak "Share" apa dengan Anda. Mungkin ilmu atau tutorial ini berguna bagi anda yang mempunyai Laman Blog sendiri.

Mula-Mula :

1. Login --> Dashboard > Layout > Page Elements > Add a Gadget ( Kalau dah ada edit je ) > HTML/Javascript.

2. Copy dan Paste Code Bawah ni

.gbtab{
height:100px;
width:30px;
float:left;
cursorointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlKoT2TPsqtgVPRHSQo6UPtxSgoYrooNuRMp83yCEQy5rUupa7WGF0uqG1Nl5fcXKeQPU46xEjSwBY_kgTTLN16IQ7xjltrs4Ki9rOgLTrJ3aHlcFnCurrtsua4uNYQ11HMaihuQavQxDV/s320/tabs.png') 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, 30-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">

LETAK CODE SHOUTBOX DI 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 = (30-gb.offsetWidth).toString() + "px";
</script>