CARA MEMBUAT BUKU TAMU SHOW HIDDEN

Kali ini saya akan menuliskan Cara Membuat Buku Tamu , namun pada artikel ini saya akan menuliskan tutorial Cara Membuat 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...)

Tanpa panjang lebar lagi, mari langsung saja kita praktekkan Cara Membuat Buku Tamu Tersembunyi / Hidden
Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka
Klik Sign up dan isi data nya 

Kemudian silahkan klik create my cbox
klik publik dan ambil script yang sudah di sediakan (kopi kodenya).
lihat gambar

Setelah kode tadi di copy, kemudian kita menuju ke Blogger.
Pada Dashboard klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget
lalu Pilih html/javascript dan silakan copy dan paste kode di bawah ini


<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/AVvXsEilBDQhgomJAvw2GtDFgBt69KfEq8wV0x0QLZESlokotqUn892txp2aw-5Bv8L-lQKBAITSisCQC2-_O0Dx6cSC1SQuJfiJz79OY2pkJ7NZ85V7937Q39ePLVZVcJJGFx2Ju0yz19glrQY/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">
LETAKKAN KODE YANG DIDAPAT TADI DISINI
<div style="text-align:right">
<a href="http://http://www.damafachri06.blogspot.com/2012/11/cara-membuat-buku-tamu-show-hidden.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>

Ket : Kata  LETAKKAN KODE YANG DIDAPAT TADI DISINI diganti dengan code cbox anda
Semoga postingan Cara Membuat Buku Tamu Tersembunyi / Hidden dapat bermanfaat !

Posted in: Tips IT,Tips n Trick Ngeblog