Cara Membuat Buku Tamu Melayang di Sisi Kanan Blog

kali ini saya pengen share cara membuat buku tamu melayang di sisi kanan blog

1. Langkah Pertama  pergi ke Cbox
2. .Lalu masuk akun Cbox atau jika belum punya daftar ke Sign Up Cbox

       lalu anda akan dibawah tampilan seperti di bawah ini

      

3.Jika Sudah mendaftar Cbox lalu pemirsa disuruh masuk Cbox
4.Setelah sudah masuk anda cari publish!

                                                          seperti gambar di atas

5.setelah itu akan muncul kode scripx seperti pada gambar di bawah

6.copy scrip tersebut lalu masukkan ke scrip di bawah
dan Langkah berikutnya Copy-Paste HTML dibawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaS606bj8XmEMMP1Lsgtt448cGrG31XuGCS_J9KnzJrbNebdHo2DLGrPFJ4aVOhoHmCJs5e8T6EqQ_IHYiHmCn7iLNnuXV55l6FH4KRlDirQDTzse5drPsCtoXIyp1U1p1NJ14Np9yf0s/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">
Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini

<div style="text-align:right">
<a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.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>

Ganti tulisan yang berwarna merah dengan scirp di  Cbox  yang anda copy
Cara menaruh html di atas

1. Masuk akun blogger siapa ajah boleh
2. Ke tata letak
3. Add gadget atau Tambah gadget
4. kemudian pilih Edit html/javascript
5. Masukan html di atas dan simpan
6. Selesai

gampang kan..!!!