Tips Membuat Buku Tamu Melayang Di Blog

Tips Membuat Buku Tamu Melayang Di Blog-Buku Tamu mungkun sangat penting bagi blog. Biasanya buku tamu berupa CBox atau ShouthMix. ShothMixpun ada 2 macam, yaitu Shouthmix premium dan biasa. Premium sebenarnya bagus, karena kita juga harus punya admin SM premium tsb sebelum berbicara. tapi kita harus bayar 2 dollar/tahun. Dan buku tamu itu sendiri ada yang melayang , ada juga yg di pasang di widget. Nah kali ini saya akan membahas Tips Membuat Buku Tamu Melayang.

Buku tamu melayang berada menempel di sebelah kanan layar. Nah dari pada saya benyak omeng mending kita langsung membahas Tips Membuat Buku Tamu Melayang:    

1. Sign in ke blogger dan silahkan Login dengan Account Anda
2. Pilih Layout/Tata Letak
3. Pilih Page Elemen/Elemen Halaman
4. Klik Add a Gadget/Tambah Gadget
5. Lalu pilih "HTML/JavaScript"
6. Kemudian copy-paste Kode berikut     

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:125px;
width:45px;
float:left;
cursor:pointer;
background:url('http://i31.tinypic.com/4tltoo.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">

KODE BUKU TAMU ANDA

<br/>
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://ojioo.blogspot.com/2010/07/tips-membuat-buku-tamu-melayang-di-blog.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>

 7. Klik Simpan


 Keterangan  ::::




Warna  .....     : URL gambar,,,bisa diganti dengan gambar kalian
Warna:.....     :  Kode CBOX / ShouthMix kalian

 Ukurannya bisa kalian atus sendiri   
                  
             Tulisan   height:125px
                            width:45px      dapat diganti

                                                         
        Demikian lah Tutorial Tips Membuat Buku Tamu Melayang  


Semoga bermanfaat