Cara Membuat Floating GuestBook di Blogger

Cara Membuat Floating GuestBook di Blogger - 
Hallo sobat blogger ...
kali ini saya mau berbagi tutorial Cara Membuat Floating GuestBook di Blogger.
Berfungsi untuk menghemat space blog dan membuat blog menjadi lebih stylish, bisa sobat liat contohnya langsung disamping kanan blog saya.



Langsung saja bagi yang berminat ikuti tutorial berikut :

1. Daftar dulu ke Cbox dan dapatkan kodenya
2. Login ke akun blogger sobat 
3. Pilih Rancangan/Tata letak
4. Pilih Page Elemen/Elemen Halaman
5. Klik Add a Gadget/Tambah Gadget
6. Lalu pilih "HTML/JavaScript"
7. Kemudian Copy-Paste 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 #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 KODE CBOX ANDA DI SINI
<br/>Dapatkan Buku Tamu seperti ini DISINI<br/>Klik di<a href="http://sofyansniper.blogspot.com/2012/09/cara-membuat-floating-guestbook-di.html">sini </a>
<div style="text-align:right"><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>

8. Selesai

Semoga Bermanfaat ^^