Cara Pemasangan Buku Tamu Melayang

Postingan kali ini Daeng Admin membahas tentang bagaimana Cara Membuat atau Memasang Buku Tamu Menjadi Melayang. Membuat buku tamu ini sangat penting karena di situlah para blogger maupun netter bisa saling menyapa dan memberikan pendapatnya mengenai blog kita. Namun salah satu yang bikin masalah yaitu mencari peletakanya. Kadang para blogger binggung memasangnya dimana. Nah kalo masalah itu ada solusinya yaitu memasang Buku tamu yang melayang. Maka dari itu sebelum memasang ini harus diperhitungkan juga masalah kecepatanya. fitur buku tamu ini sangat disarankan untuk dipasang. Hal ini dikarenakan dengan adanya buku tamu, anda menjadi tahu siapa saja yang sudah berkunjung di blog anda. Dan tidak hanya itu buku tamu bisa berfungsi sebagai chatting antar pemilik blog dengan pengunjung. 

Silahkan ikuti langkah-langkah berikut di bawah ini :

1. Daftar terlebih dahulu ke Shoutmix untuk dapatkan kode buku tamu.
2. Masuk / Login ke blogger dengan ID Anda.
3. Pilih Menu Rancangan > Element laman .
4. Pilih Tambah Gadget > Pilih HTML / Javascript.
5. Copy paste kode html dibawah ini :

<style type="text/css">
#gb{
position:fixed;
top:60px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:200px;
width:30px;
float:left;
cursor:pointer;
background:url('http://myimages.bravenet.com/303/305/069/1/lala.png') no-repeat;
}
.gbcontent{
float:left;
border:3px solid #000000;
background: #FFFFFF;
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">

"Pastekan Kode/Script Buku Tamu Anda Di sini"

</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

Catatan :

1. Kode warna Merah adalah seleksi warna backgound dan warna border Buku Tamu Anda. Silahkan pilih sesuai warna kesukaan Anda sendiri.
2. Kode warna Merah adalah tampilan Buku Tamu tampak dari luar seperti gambar di atas. Gambar di atas itu adalah sebagai contoh saja. Silahkan pilih sesuai dengan gambar yang anda inginkan.
3. Kode warna Merah isikan atau pastekan Script Buku Tamu Anda di situ.