Setelah lama Buku Tamu saya tidak bisa digunakan, sekarang saya coba dan berhasil. Mungkin banyak dari pembaca yang ingin memberi buku tamu pada tampilan blog, tetapi bingung harus memulai darimana. Untuk itu saya berbagi sedikit tips agar pengunjung dan pembaca blog saya ini bisa menggunakan buku tamu dalam blognya.
Berikut ini langkah-langkahnya :
1. Buka alamat Cbox
2. Isi data sesuai dengan keinginan anda, kemudian klik tanda centang pada I have read and do agree to the Cbox terms and conditions of service dan klik Create My Cbox!
3. Login dengan Cbox name dan password anda
4. Klik menu Publish! , lalu copy code yang ada di bawah Copy to clipboard dan paste
sementara dalam notepad
5. Masuk ke Blogger
6. Pilih menu Rancangan ==> Elemen Laman , kemudian klik pada Tambah Gadget
7. Pilih HTML/JavaScript
8. Copy code berikut ini
<style type="text/css">
#gb{
position:fixed;
top:75px;
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/AVvXsEim99tZAPJsE33KloIFJtfyFowCTnHnhj_L5y5woRgMjmOK7cAxTgexYWgO_G6sDRBAnogpzIL1RFO3e_KOVNSPUZ7ruDTaYFBeQm4tVJLuqVhQDr5RVnXFwJrysh_yV-YzoY1mQ4n8XnVE/') 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">
<!-- Ganti ini dengan kode buku tamu kamu dari BEGIN sampai END-->
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div>
<iframe frameborder="0" width="200" height="305" src="http://www5.cbox.ws/box/?boxid=741586&boxtag=pwzzfp&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain5-741586" style="border:#000000 1px solid;" id="cboxmain5-741586"></iframe>
</div>
<div>
<iframe frameborder="0" width="200" height="75" src="http://www5.cbox.ws/box/?boxid=741586&boxtag=pwzzfp&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform5-741586" style="border:#000000 1px solid;border-top:0px" id="cboxform5-741586"></iframe>
</div>
</div>
<!-- END CBOX -->
<div style="text-align:right">
<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>
Semoga bisa membantu pembaca semuanya.
Baca Selengkapnya >>>
