Cara menyembunyikan shoutbox atau buku tamu

Mungkin terlalu banyak widget membuat blog kamu terasa sempit, atau terlalu ramai?
Nah di posting ini saya akan membahas tentang bagaimana cara menyembunyikan Buku tamu atau shoutbox atau juga Chatbox. Agar di blog kamu tidak terlalu banyak widget kamu bisa menyembunyikan shoutbox kamu.
Jika ingin tahu caranya ikuti petunjuk dibawah ini:
1. Pastinya login dulu ke blog kamu.
2. Klik Racangan>>Edit Tata Letak>>Tambah Gadget (posisi gadget terserah kamu)
3. Kemudian Klik HTML/JavaScript lalu copy kode dibawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
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">

copy kode buku tamu / SHOUT BOX anda 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>

5. Kode yang Bercetak warna merah ganti dengan kode buku tamu atau shoutbox kamu, lalu klik simpan.
Nah setelah itu lihat hasilnya.


Sekian pembahasannya semoga informasi ini bermanfaat, Terimakasih. Jangan lupa komentarnya yah hehe..

Posted in: Tips Dan Trik Blog