Menyembunyikan/Hide Buku Tamu di Blog

Postingan saya sebelumnya tentang “Daftar Chat Box”, hanya sampai membahas copy paste kode Script ke sidebar blog.(Sok coba lihat).

Ada beberapa cara untuk menempatkan widget Buku Tamu. Salah satu caranya yaitu di simpan tersembunyi di samping body blog..

Berikut cara menempatkannya:
- Buka Akun Blog
- Klick Rancangan. Di Elemen Laman, Pilih Tambah Gadget
- Pilih html/javascript dan Copy Paste kode di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:160px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:85px;
width:32px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixQL32hLSgYLkBBcwNSQ9b7gkLuIE1jp8ASf5CzGPSY-uQou5j6lgOSn2_qUnHoSthv98SqdT0ffDBmfm_LZs-jFgLPkPpmetOJMD50M-d8OIWvBjW7YQha5FMGxtnKklXUk9paY4qLM/s800/Graphicoov.jpg') no-repeat; border:1px solid #2E2E2E;
}
.gbcontent{
float:left;
border:1px solid #2E2E2E;
background:#000000;
padding:5px;
}
</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">

MASUKKAN KODE CHATBOX 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>


Catatan: Perhatikan tulisan yang warna merah
Chat box istilah yang saya pakai untuk buku tamu. Kalo pengertiannya salah, maaf-maaf ajah atuh yah.

Simpan dan Selesai