Cara Membuat Buku Tamu Tersembunyi di Blog

    Buku tamu merupakan salah satu hal yang tidak wajib ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya), walau cuma sebatas kalimat (mampir gan, malam, kunjungi blog saya juga ya, dsb...)

     Buku tamu tersembunyi juga baru saya pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger. Penasaran sob tentang bentuk buku tamu....? buku tamu itu seperti yang ada di sebelah kanan blog ini sob.. Jadi ingin pasang buku tamu apa tidak...

Ini dia langkah-langkahnya...

1. Buka Blogger dulu ya...

2. Lalu di tab baru buka di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.

    Regristasi dulu ya.

3. Jika sudah selesai Kemudian ambil script yang sudah di sediakan lalu copy kodenya.

4. Kembali ke blogger ya. Lalu pilih Tata Letak=>Add widget/ tambahkan gadget=> HTML/Java Script.

  masukkan script ini ya...

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfJvtudkvVO5xpLxj-eHooawSCnPSDVKk08nSNLCkIjetCOLYer28hy35Eur_t3kAy8Ujd58V9Xo2rS87MTHzg0MxANXVxVmMXcRzLNRjwItMRsLRysGiGRrZFzgzsIu1b9HxgtopHiFU/s1600/bukutamu.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">

Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini

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

<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><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></div></div>

5. Simpan dan lihat hasilnya.

JIKA ANDA MERASA ARTIKEL INI MEMBANTU KLIK DISINI YA