Membuat Buku Tamu Show Hiden di Blog

Kali ini saya akan menuliskan bagaimana cara pasang buku tamu di blogger, namun pada artikel ini saya akan menuliskan tutorial cara pasang buku tamu Tersembunyi / Hidden.

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.

Ok ga perlu panjang lebar, langsung saja ke topik utama kita.
Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger

Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka. Disini saya menggunakan situs tersebut.

clik disini untuk mendaftar, tampak spt gambar dibawah :

Cbox name : isi dengan username anda

Email address: isi dengan email yang masih berlaku

Password : Beri password login CBOX

Webside : isi dengan URL blog sobat

Language : Bahasa pilihan Sobat

Style : Daftar Pilihan Tampilan (bisa di edit)

beri tanda centrang pada I have...... dan Create my Cbox

Kemudian ambil script yang sudah di sediakan , klik pada publist (copy kodenya).

Sekarang mari kita ke blogger.
Jika belum login silakan login dulu. Jika sudah login silakan klik Rancangan - Design/Tata Letak - Klik Tambah Gadget/Add Gadget.
Pilih html/javascript dan silakan paste kode di bawah ini

<br /> <br /> <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/AVvXsEjWWe8BoDrzsYzOQ5WUEjR3zbgSRFjxtbFjMGUH9Tnb65PIdEWHuzlWDuIbuqeI-5j8mixQDpvWu7A4e1x6aRbwPybB8GpLRBzpPNEgSNUoYF5JYYM6q0e8JoippzVzSHiB32e3vS_iIhU/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style><br /> <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><br /> <div id="gb"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><b>Silakan Paste Kode Buku Tamu yang sudah di copy tadi Di Sini</b><br /> <div style="text-align:right"><a href="http://gusdeg.blogspot.com/2012/03/membuat-buku-tamu-show-hiden-di-blog.html">[Pingin BukuTamu??clik here]</a>><a href="javascript:showHideGB()"><br /> [Tutup]<br /> </a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div><br />

Silahkan cari kata : Silakan Paste Kode Buku Tamu yang sudah di copy tadi Di Sini
kata tersebut diganti dengan code script buku tamu yang sudah anda dapatkan tadi

Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silakan di Simpan dan Selesai