Cara Membuat Buku Tamu Buka Tutup di Blog

  

   Cara membuat buku tamu buka tutup di blog, cara membuat buku tamu tersembunyi- Kali ini saya akan share mengenai cara membuat buku tamu buka tutup atau buku tamu tersembunyi di blog. Sebelumnya kalian harus mempunyai kode buku tamu yang akan digunakan, bagi yang belum bisa mendaftar di Cbox. Langsung saja berikut cara membuat buku tamu buka tutup di blog.

1. login ke blogger
2. pilih tata letak
3. klik add gadget/tambah gadget
4. pilih HTML/Java Script
5. copy kode dibawah dan paste di area HTML/Java Script
<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_s47LqfQAfM1hyphenhypheng-kYAjBNgogZETIko1P6yFFQsH6y58XXGZ4-GrKeAaIg3nKttEfNSaQlcXMobMVxjCvfjLcJ3ZCHfhV4EeSxdG6iochHcpU8hSShHA5FzCX1xYz3Xv47gP6S4uuhWbT/s320/tabs.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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 onclick=”showHideGB()”> </div>
<div>
—-Kode Buku Tamu anda di sini—–
<div style=”text-align:right”>
<a href=”javascript:showHideGB()”>
[close/tutup]
</a>
</div>
</div>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
</script>
6. ganti  tulisan —-Kode Buku Tamu anda di sini—– dengan kode buku tamu kalian
7. save atau simpan

   Demikian cara membuat buku tamu buka tutup, semoga bermanfaat.

Maaf bila komentar anda tidak dijawab, karena tidak setiap hari saya memantau blog. Terimakasih.

Previous
Next Post »