Membuat Buku Tamu yang Tersembunyi Untuk Blog Anda

preview nya sih, kayak gini:

setelah di klik tulisan "Buku Tamu", jadinya kayak gini :

seperti yang ada di blog saya ini,untuk cara buatnya sih..

daftar dulu di cbox, klik disini kalau mau daftar..
kalau udah punya, simpen kode nya dulu ya, kode itu hanya untuk membuat tampilan chat box di blog kita, tanpa adanya modifikasi (tersembunyi seperti di atas)
nah, untuk membuatnya menjadi tersembunyi seperti di atas..
begini :

Pilih   Add gadget > HTML/JavaScript
lalu paste nih kode..

<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/AVvXsEjVkCiDBFH7Xb9zW4mJmPtuti1dp90DlmWHMT-ZwZHdmRH6dbknPq_xNJwkw6SZgeZmU2yFYpfSufDGLedBtKC5XcGE4maECSW6tASRTXv5B8YgfCNiLoVQrxlxQStQmhbCWYhPLLAvdF8/s1600/bukutamu.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">

 kalau udah, taruh kode nya dari si cbox, letakkan di bawah kode di atas ini, lalu masukkan lagi kode yang ada di bawah ini tepat dibawah kode dari cbox itu tadi..

<div style="text-align:right">

<a href="http://ce1a8b24.dyo.gs">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">

[Tutup]

</a>

</div>

</div>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div></div>

nah, seperti itu cara buatnya.. kalau tidak work, tanya aja deh, jangan lupa follow atau tinggalin pesan ya.. thanks

Posted in: Tips Blog