Cara Membuat Buku Tamu Melayang

Cara Membuat Buku Tamu Melayang

Membuat Shoutmix atau Buku Tamu Melayang adalah tutorial blog yang akan di bahas pada kali ini. Membuat Shoutmix Melayang ini adalah request dari teman blogger.
Berikut langkah-langkah membuat shoutmix melayang:

1. Login ke akun Blogger anda
2. Klik Tata Letak ► Elemen Halaman ► Tambah Gadget ► HTML/Java Script.
3. Copy-paste code 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('http://i493.photobucket.com/albums/rr292/marcel_freezer/GuestBook2.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">

Masukkan code atau script shoutmix anda disini

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div&gt

4. Lalu sava
NB :

* teks warna merah bisa anda ganti dengan url anda link gambar anda sendiri
* Ganti Dengan Code script shoutmix anda