Cara Membuat Buku Tamu Auto Hide Di Blogspot

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/AVvXsEhjxpsz71aHOQPthtuTxkiKHbhyemDIbHCTlQcSz1h4Ji-81KUI3dU3PCPfQfpK7Q2LtyDWz93bBR8xem6eZUVMBeJKs2U8uxxVkc05V5lxEbrSBZW0Hm2sOyylAnqEzUb_AeJw1rnoNjo/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://http://hansmjlkcommunity.blogspot.com/2013/04/cara-lengkap-membuat-buku-tamu-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 berwarna hijau ganti dengan kode Cbox Kalian yang telah di buat pada langkah nomor satu.


Itulah tutorial yang bisa saya berikan tentang Cara Membuat Buku Tamu Auto Hide Di Blog yang begitu singkat dan semoga dapat bermanpaat buat semuanya.

Ditulis Oleh : Unknown ~ Games Lovers

Anda sedang membaca sebuah artikel yang berjudul Cara Membuat Buku Tamu Auto Hide Di Blogspot, Semoga artikel tersebut bermanfaat untuk anda, Mohon maaf apabila konten yang anda baca rusak atau salah dalam penulisan. Jika ada pertanyaan, kritik, dan saran yang ingin di sampaikan silahkan tulis di kotak komentar

:: Terima Kasih ! ::