Cara Membuat Buku Tamu Tersembunyi Di Blog

Kali ini akan membahas tentang Cara Membuat buku tamu tersembunyi. buku tamu seperti ini sangat sering digunakan oleh para blogger karena selain hemat tempat juga keren. Buku tamu ada yang dari cbox , shoutbox , shoutmix , oggix pokoknya banyak deh langsung aja kita ke tutorial Cara Membuat Buku Tamu Tersembunyi Di Blog:

1.Login ke akun blogger anda
2.Lalu Klik Rancangan

3.Klik Tab Elemen Laman

4.Klik Tambah Gadget

5.Kemudian Pilih Yang HTML/Java Script

6.Masukkan kode-kode dibawah ini di kotak yang telah di sediakan

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2s1mjI91mTLNOSZ2rNHpKjmZJUBjv9cAhttoOJthSNxzkar66qVbfCu8pzsIlCjb62lU_-6V9dH0Ly_N3qe3ddW3xEBkX05CYBiKJ7l6E1AQyb2whD7VMy7ZD90WoN_fF6P_L5T2R-Eu/') 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">
kode buku tamu milikmu
<br/>
[ klik aja disini ]
/><br/>

</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

KETERANGAN

Pada kode diatas cari kode bertuliskan "Kode buku tamu milikmu" lalu ganti kode tersebut dengan kode yang kamu dapatkan dari chatbox,oggix,shoutbox,shoutmix atau yang lainnya
Kode 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-2s1mjI91mTLNOSZ2rNHpKjmZJUBjv9cAhttoOJthSNxzkar66qVbfCu8pzsIlCjb62lU_-6V9dH0Ly_N3qe3ddW3xEBkX05CYBiKJ7l6E1AQyb2whD7VMy7ZD90WoN_fF6P_L5T2R-Eu/' Kode itu adalah kode standart buku tamu kamu kamu bisa menggantinya dengan kode yang lain

kode height:100px dan width:30px dapat kamu ganti sesuai ukuran gambarmu

Kode top:50px; merupakan kode posisi dari buku tamu kamu kalo pengen lebih tinggi ganti saja dengan top:40px; atau top:30px;
Tapi kalau kamu ingin meletakkannya lebih ke bawah ganti kode top:50px; menjadi top:60px; atau top:70px;