Cara Membuat Buku Tamu Elegan Tersembunyi

Sudah lama tidak posting lagi, pada kesempatan kali ini saya akan berbagi cara membuat buku tamu tersembunyi. Mengapa tersembunyi? karena cara ini bisa menghemat tempat di blog kita dan juga terlihat lebih rapi dan elegan. Caranya sangat mudah...
1. Anda silahkan buat akun Cbox terlebih dahulu di www.cbox.ws
2. Kemudian klik sign up. Isi formulirnya.
3. Setelah akun anda jadi. Klik publish.
4. Maka akan muncul kode Cbox yang harus anda masukkan.
Tetapi sebelum kode itu anda copy anda harus menambahkan gadget baru pada blog anda,Klik rancangan-edit tata letak-Tambah Gadget-Tambahkan HTML atau Javascript. Dan pastekan kode di bawah ini.


<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('http://i37.tinypic.com/345o85i.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #0000FF;
background:;
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 CBOX ANDA
<br/>
[ CHAT ]
/><br/>
<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>

5. Pada tulisan berwarna merah, anda ganti dengan kode Cbox anda tadi.
6. Simpan dan lihat blog anda.

5 comments:

  1. ini info yang saya cari..
    makasih sudah share sobat...
    have a nice day

    ReplyDelete
  2. makasih sekali informasinya sangat membantu untuk yang masih belum memasang, nice share

    ReplyDelete