Cara membuat Gadget Buku Tamu tersembunyi (Hidden) di Kanan Blog

Gadget Buku Tamu sudah di bikin bagaimana cara untuk menyembunyikan Gadget Buku Tamunya. Gadget Buku Tamu memang mengganggu di tampilan blog dan banyak memakan tempat. Cara menyembunyikan gadget adalah salah satu cara untuk membuat gadget buku tamu agar tidak memakan tempat. Bagaimana Cara menyebunyikannya?, Di posting ini saya akan mejelaskan cara untuk menyebunyikan Gadget Buku Tamu. Berikut Caranya:

• Masuk ke Akun Blogger anda.
• Klik Menu Tata Letak dan Add Gadget HTML.
• Masukan Script Berikut:

<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:125px;
width:43px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN7IDKypmS-aBj-QLQzIWrK4IROB4DdPlh76kxnVxhuRzl4-lQcFKS4mo6RubL3eIlbjFTfodJEvR6KPV4YCTMxkjIzpN5ZamJ0fjM0nGn7Ed9uoqUt-dncVEfb_L9OlaYvno7V30uy3J9/s1600/Buttonfac.png.png') no-repeat;
}

.gbcontent {
float:left;
border:2px solid #A5BD51;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 40-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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
Masukan Script Cbox Anda>
<br />
<div style="text-align:center">
<span style="float:left;font:italic 10px Arial, Sans-Serif; color:#3D3D3D;"><a target="_blank" href="http://your-belajarblog.blogspot.com/2013/01/cara-membuat-gadget-buku-tamu.html">.:Get Widget:.</a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (40-gb.offsetWidth).toString() + "px";
</script>

</div>

• Klik Tombol Simpan.

Keterangan:

Ganti Tulisan Masukan Script atau Kode Buku Tamu Anda dengan Kode Buku tamu anda.

Selamat Mencoba,

Salam Sukses.

Your-BelajarBLOG