Cara Daftar Buku Tamu Di Samping Blog - GLOBAL KOMPUTER TELUK KUANTAN

Cara Membuat Buku Tamu Melayang & Sembunyi Di Kanan Atas Blog | Tips Blogspot | Buku Tamu Melayang Di Blog - Posting kali ini kolom blog gratis akan membahas cara Membuat Buku Tamu Melayang Dan Tersembunyi Di Kanan Atas blog, Membuat buku tamu itu penting karena disitulah para blogger saling menyapa dan memberikan pendapatnya mengenai blog sobat. 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, sobat menjadi tahu siapa saja yang sudah berkunjung di blog sobat. Dan tidak hanya itu buku tamu bisa berfungsi sebagai chatting ( komunikasi ) antara sobat pemilik blog dengan pengunjung, Berikut ikuti langkahnya :

Daftar ke http://www.freeshoutbox.net untuk dapatkan kode buku tamu.
Masuk / Login ke blogger dengan ID sobat.
Pilih ke menu Rancangan ( Element laman ).
Pilih Tambah Gadget - Pilih HTML / Javascript.
Copy paste kode html dibawah ini :
<style type="text/css">
#gb{
position:fixed;
top:60px;
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/AVvXsEgR3DMRZkQjS5b0fQ2cgwhN-nm3KpiWJ4t7vY5StcKenEQ-novEMPN8rEB_Pu8T2aBxZWKqApbz658Ke_5PkIswiJu_OvP8L11EP1rGT9GW8lOKYfp9_IMctHBpjAs4J1lRH8oucuW8X9c/s1600/ChatBox-.png') no-repeat;
}
.gbcontent{
float:left;
border:3px solid #000000;
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 Sobat Disini ::..

<div style="text-align:right">
<a href="http://kolombloggratis.blogspot.com">
[Free ShoutMix]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
Kemudian Klik simpan
Selesei.

Untuk kode buku tamu sobat bisa daftar di sini http://www.freeshoutbox.net

Jangan lupa comment ya.?? follow juga semoga bermanfaat.