Bagaimana Cara Pasang Buku Tamu

Di sini saya akan memperkenalkan Bagaimana Cara Membuat Buku Tamu.
Langkah-langkahnya sebagai berikut :
1. Masuk Ke Blogger
2. Klik Tata Letak
3. Klik Tambah Gadget
4. Pilih HTML/Javascript
5. Copy dan paste kode di bawah ini ke dalamnya
<style type="text/css">
#gb{
position:fixed;
bottom:1px;left:1px;
z-index:+2000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:
right;
cursor:pointer;
background:url('
http://i1135.photobucket.com/albums/m629/diekhancil/tombolBukutamu5.png') no-repeat;
}
.gbcontent{
float:
right;
border:2px solid
#4B0082;
background:
#000000;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(20-w, 0) : moveGB(0, 35-w);
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.left = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"title="chat open / close"> </div>

<div class="gbcontent">

[Isi Dengan Buku Tamu Anda]
<br/>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.left = (30-gb.offsetWidth).toString() + "px";
</script>

Peringatan :
Silahkan ubah yang berwarna Ungu menjadi url gambar tombol buku tamu
sobat yang telah di simpan di google atau di 4shared. Kalau malas,
di biarkan juga tidak apa - apa.

Langkah kedua silahkan sobat ubah yang berwarna Hijau untuk posisi Shoutmix sobat, mau diletakan di kiri, kanan, atas, atau bawah. Ganti kode Left dengan Right dan sebaliknya ganti Right dengan Left sesuaikan dengan keinginan sobat.

Langkah ketiga silahkan sobat ubah yang berwarna Merah untuk warna
background dan ubah border sesuai dengan kesukaan sobat.

Selamat Mencoba.........

Template by : kendhin x-template.blogspot.com