membuat buku tamu hide

Malam agan agan semua ane mau bagi bagi ilmu Cara membuat buku tamu tersembunyi.

nih sedikit ilmu bagi anda para blogger Indonesia tentang cara membuat buku tamu tersembunyi caranya gampang kok ini dia:

              1.Masuk dulu ke blog sobat melalui www.blogger.com/jangan lupa memakai helem
              2.Setelah muncul jendela dasbor klik desain
              3.Klik tambah gadget/html java script
              4.copy pastekan kode beikut ini:


Gambar untuk buku tamu sebelah kanan :

Ini script untuk sebelah kanan :

<style type="text/css">

#gb{

position:fixed;

top:10px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:100px;

width:30px;

float:left;

cursor:pointer;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlQGP2qXqGeP3_hBVZRnHjan5WoOMISo9C3AKwuFtlWlc58pzqIePIGN36FswytSlHo7NVdAG824L9kDZzg4TusE9_ssmEQ49ro5vv0fDZOIutiG6KCsu2JhaP27vSWMU6j8BpicMc59nL/') 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">

<--------------Masukkan kode script buku tamu anda disini-------------->

<div style="text-align: right; font-size: 10px;">
              Widget by
              <a href="http://annimaso.blogspot.com.html">
                  annimaso blog
              </a>
          </div>

<div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

Keterangan : ganti tulisan yang berwarna merah dengan kode widget buku tamu anda

kode yang berwarna kode yang berwarna kode yang berwarna biru adalah posisi bukutamunya semakin kecil nilai angkanya maka semakin tinggi letak buku tamunya ,sebaliknya semakin besar nilai angkanya maka semakin kebawawah letak buku tamunya