Cara Membuat Buku Tamu/CBox Auto Hide Di Blog

Buku tamu merupakan alat media untuk melakukan percakapan lewat tulisan yang di pasang di blog,dan biasanya kebanyakan buku tamu di pasang secara sembunyi atau auto hide.

Buat kalian yang ingin mencobanya Cara Membuat Buku Tamu Auto Hide Di Blog silahkan lihat caranya di bawah,hansmjlkcommunity akan memberikan triknya yang paling mudah dan di jamin sukses,penasaran nih baiklah kita mulai sajah langkah langkahnya di bawah ini.

1. Buat yang belum punya kode CBOX silahkan daftar dulu disini

2. Setelah itu login ke akun blog kalian.

3. Pilih Tata Letak Kemudian Add Gadget

4. Pilih HTML/Javascript, kemudian copy kode di bawah dan pastekan pada HTML/Javascript
    pada kolom konten.

<style type="text/css"> #gb{ position:fixed; top:20px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ_cPSJRGgYKpDo7ssOOt7MoKwT-6tYcnLWySGvtqxCZuAG6nusiqEcKPoa09DOkg0Ck0zWxLvBWTvb2itLSbFqqo7h5Q3IwexE_VD2_fmjVcPx8XmYxUGwEQVljN5tR-XvOKCMdhBXV4/s1600/HANSMJLKCOMMUNITY.gif') no-repeat; } .gbcontent { float:left; border:1px solid #000000; -moz-border-radius-bottomleft:5px; -webkit-border-radius-bottomleft:5px; -o-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; background: #F2F2F2; url() no-repeat bottom; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0); gb.opened = !gb.opened; }function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);} }</script> <div id="gb"> <div class="gbtab" onmouseover="showHideGB()"> </div> <div class="gbcontent"> <center> LETAKAN KODE CBox KALIAN DISINI <br /> <div style="text-align:center"> <span style="float:right; color:#000000;">Get this <a target="_blank" href="http://jhonsijabat.blogspot.com/2013/09/cara-membuat-buku-tamu-auto-hide-di-blog.html"> widget! </a></span> </div> </center> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (50-gb.offsetWidth).toString() + "px"; </script> </div>

 5. Kemudian save dan silahkan lihat hasilnya.

Keterangan :
Untuk tulisan LETAKAN KODE CBox KALIAN DISINI ganti dengan kode Cbox Kalian yang telah di buat pada langkah nomor satu.

Artikel Terkait: