Cara Masang Buku tamu Auto Hide atau Melayang di Blog

Masih terkait Tutorial Blog,Kali ini saya mau post lagi tentang Blog Tutorial, yaitu cara memasang buku tamu melayang .kali ini kita akan menggunakan buku tamu dari CBOX.
Berikut Selengkapnya :

1. Daftar dulu ke CBOX.
2. dapatkan code chatbox disini. Setelah mendapatkan Codenya, 
    Sign in ke blogger dan silahkan Login dengan Account Anda
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:20px;

z-index:+1000;

}* html #gb{position:relative;}

.gbtab{

height:150px;

width:50px;

float:left;

background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;

}

.gbcontent {

float:left;

border:1px solid #000000;

-moz-border-radius-bottomleft:5px;

-webkit-border-radius-bottomleft:5px;

-o-border-radius-bottomleft:5px;

-khtml-border-radius-bottomleft:5px;

-moz-border-radius-topright: 5px;

-moz-border-radius-topleft: 5px;

background: #F2F2F2; url() no-repeat bottom;

padding:10px;

}

</style>

<script type="text/javascript">

function showHideGB(){

var gb = document.getElementById("gb");

var w = gb.offsetWidth;

gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);

gb.opened = !gb.opened;

}function moveGB(x0, xf){

var gb = document.getElementById("gb");

var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}

}</script>

<div id="gb">

<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">

<center>

<!-- BEGIN CBOX - www.cbox.ws - v001 -->

<div id="cboxdiv" style="text-align: center; line-height: 0">

<div><iframe frameborder="0" width="275" height="240" src="http://www7.cbox.ws/box/?boxid=712645&amp;boxtag=3prsa8&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain7-712645" style="border:#ababab 1px solid;" id="cboxmain7-712645"></iframe></div>

<div><iframe frameborder="0" width="275" height="80" src="http://www7.cbox.ws/box/?boxid=712645&amp;boxtag=3prsa8&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform7-712645" style="border:#ababab 1px solid;border-top:0px" id="cboxform7-712645"></iframe></div>

</div>

<!-- END CBOX --><br />

<div style="text-align:center">

<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://paste-text.blogspot.com/2012/05/cara-memasang-buku-tamu-melayang.html"> widget! </a></span>

</div>

</center></div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (50-gb.offsetWidth).toString() + "px";

</script>

</div>

Note :
- Yang Berwarna Hijau Itu Gambar Buku Tamunya
- Yang Berwarna Biru Ganti Dengan Kode Cbox Kamu

Anda baru saja membaca artikel yang berkategori Tutorial Blog / Widget dengan judul Cara Masang Buku tamu Auto Hide atau Melayang di Blog. Anda bisa bookmark halaman ini dengan URL http://paste-text.blogspot.com/2012/05/cara-memasang-buku-tamu-melayang.html. Terima kasih!

Ditulis oleh: Unknown - Kamis, 03 Mei 2012