Cara Membuat Buku Tamu Melayang Di Blog. Buku tamu mungkin sering di lihat saat mengunjungi sebuah blog yang memasang buka tamu. fungsi dari buka tamu untuk memudahkan pengunjung blog meninggalkan komentar saat berkunjung.
Dengan adanya buku tamu bisa untuk di jadikan saling berkunjung sesama blogger untuk saling mengenal satu sama lain dan tentunya bisa menaikkan trafik blog.
Untuk menempatkan buku tamu di blog sebaiknya di pasang melayang supaya blog terlihat lebih rapi, lalu bagaimana cara membuat buku tamu melayang di blog?
Buat yang mau pasang buku tamu di blognya, berikut cara memasang buku tamu melayang di blog.
Pertama harus punya kode/scrip buku tamu jika belum daftar di cbox.ws untuk mendapatkan kode buku tamu yang nantinya akan di pasang di blog.
Daftar Untuk mendapatkan script/kode buku tamu di
www.cbox.ws
Selanjutnya Login ke akun Blogger
klik
Tata Letak =>
Elemen Halaman => pilih
HTML / JAVASCRIPT
Copy paste kode di bawah ini ke dalam kotak HTML/JAVASCRIPT yang di sediakan dan klik save/simpan
<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">
>>>MASUKAN KODE SCRIPT BUKU TAMU DISNI<<<
<div style="text-align:right">
[Pasang Widget]
|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
Ganti tulisan yang berwarna
MERAH dengan kode buku tamu yang di dapat dari www.cbox.ws. dan lihat hasilnya seperti gambar ini.
Gambar di atas ini, tampilan saat buku tamu di tutup
Dan di atas ini tampilan saat buku tamu di buka.
Jika sobat tertarik memasang buku tamu melayang di samping kanan blog, silahkan ikuti cara langkah langkah di atas. Semoga bermanfaat