Cara Membuat Buku Tamu Melayang

Update lagi nih, udah lama sih tips nya, tapi lupa buat di postingin. Liat cbox (buku tamu) saya, melayang, kan? Caranya simple kok! Pastikan kamu sudah punya buku tamu. Kalau sudah, Follow my way, ya?


1. Sign in ke Blogger kamu;
2. Klik rancangan ~> Elemen Laman ~> Tambah Gadget ~> HTML/JavaScript;
3. Copy kode script ini dan paste ke HTML/JavaScript :


<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/AVvXsEhdvR1OvReRVbz3k_dIp5ajHrofMwTsPcI9EfgsA9BQufs20eZT83Vui5uollEJcIJcV4ebSzhv3GsQqCAFFiANDMxH2BGjDYKqP-t2_7PgwNjtEbcXeBPxcfa8eHgXfZo7IqdzDbIhQSki/') 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"> Letakkan link buku tamu kamu di sini <a href="javascript:showHideGB()"> [tutup] </a> </div> </div>  <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

 Letakkan lah link buku tamu kamu di tulisan yang berwarna hijau.
=============================================================
Selamat Mencoba dan Semoga Berhasil!

1 kata yang ingin admin sampaikan, MAJU TERUS PANTANG MUNDUR!!!