Cara membuat buku tamu di blog kali
ini dengan cara disembunyikan atau hidden alias tidak ditampilkan yang
biasanya berada pada side bar sebuah blog. Bingung? Contohnya pada blog,saya ini, sobat bisa lihat di samping kanan blog dan silahkan lihat dan coba bagaimana cara kerjanya.
Buku
tamu pada sebuah blogger sebenarnya bukan sesuatu yang wajib dipasang,
tapi pastinya kita akan mendapatkan keuntungan apabila kita memasang
buku tamu di blog yaitu selain mempermanis blog juga sebagai sarana
komunikasi dengan antara pengunjung dengan admin.
Pertama :
Buka dan daftar di http://www.cbox.ws/
setelah mendaftar lalu dapatkan kodenya.
terus Login Ke Blogger->Rancangan-> Tata Letak->Tambah Gadget->HTML java script.
copy kan 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('http://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/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">
PASANG KODE BUKU ANDA DI SINI
<div style="text-align:right">
<a
href="http://jasapembuatanblog-murah.blogspot.com/2011/12/cara-membuat-buku-tamu-di-blogspot.html">[get
this widget]</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>
apabila sudah selesai,jangan lupa di simpan "SIMPAN" tara lihat hasilnya.
NB: TULISAN BERWARNA MERAH DIGANTI DENGAN KODE YANG SUDAH ANDA DAPATKAN SAAT MENDAFTAR CBOX tadi. cara mendapatkan kodenya adalah dengan klik publis yang berada di akun cbox anda.
semoga bermanfaat
