Cara Memasang Buku Tamu Tersembunyi di Blog

Unknown

Blog, Tips n Trik

Wednesday, August 1, 2012

4 Komentar

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 saya. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger. Ayo simak langkah - langkah dibawah ini

1) Pertama-tama silakan buat akun di www.cbox.ws. Klik Sign up dan isi data nya

2) kalau sudah klik create my cbox, lalu klik publish dan ambil script yang sudah di sediakan (kopi kodenya).

3) Selanjutnya ke menu blogger.
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/AVvXsEgHzyD_lY3bwFcO5rNutW8t0zITTGdt5scbMknEd12rnT_kPsQ7ZVvHgJT-hqo0ttPj1S1alfz4CTTsNxPbdjOmTlcQQ1DmCGpHwVgE2_QHxEkjhmDXCzvOcJ1Zt78yQWgBL5g4WWA_4MI/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">

Paste Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href=" http://yoogha.blogspot.com/2012/07/cara-memasang-buku-tamu-tersembunyi-di.html">[Pingin Pasang? Klik ini!]</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>

Nah demikian cara memasang buku tamu tersembunyi di blog, sangat gampang bukan :)