Cara Membuat Widget Buku Tamu (Melayang)

Assalammualaikum WR WB

                                               Salah satu contoh buku tamu

Kembali lagi sob, di Blog Serbaguna™. Kali ini, kita akan membahas tentang cara membuat buku tamu. Kegunaan buku tamu adalah sama seperti komentar, tapi buku tamu bisa diisi dengan email selain gmail, dan juga bisa memasukkan URL Blog kita. Ok, langsung kita mulai

1. Masuk ke Cbox, Klik disini ---> lalu klik sign up

2. Dan ikuti caranya dan klik Publish! Lalu buka tab baru buka blogger

3. Masuk ke Blog Sobat, lalu klik judul blog sobat

4. Klik Tata Letak, lalu klik Tambahkan Gadget

5. Klik HTML/JavaScript

6. Blok semua kode ini lalu klik kanan lalu klik copy

<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/AVvXsEjXkwzURBK1b7L7u7xZZzb4jB8C5H8FmYjlMXEr576jI2Xeblx1iTBASe3RiFmVQmick4p6iOUolwAWf2sPH7Awdtd0InGKbFwUzchwARhxhMj0K-whArHZ3Eb0t419YbtAgllzGKJf9TQ/s1600/bukutamu.png') 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">

Kode Cbox Sobat

<div style="text-align:right">
<a href="http://blogserbagunaku.blogspot.com/2013/11/cara-membuat-widget-buku-tamu-melayang.html">[get this widget]</a>><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></div></div>

Catatan 1 : Paste semua kode ini di konten lalu Copy semua kode buku tamu dari cbox, hapus Kode Cbox sobat, lalu paste kan

7. Klik simpan

8. Selesai!

Semoga bermanfaat