Membuat Buku Tamu di Sebelah Kanan

Salah satu mempercantik tampilan blog anda yaitu dengan memberikan buku tamu yang berada disamping kanan, oleh karena itu kali ini saya akan memposting tentang bagaimana cara membuat buku tamu yang berada disamping kanan blog anda, Ikuti langkah berikut ini :

1.Klik menu tata Letak
2.Klik Elemen Halaman
3.Klik Tambah Gadget
4.Klik HTML/JavaScript
5.Copy Paste Script Kode 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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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 onclick=”showHideGB()”> </div>
<div>
[ MASUKAN SCRIPT KODE BUKU TAMU ANDA DISINI ]
<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>

6.Lalu cari tulisan [Masukan Script Kode Buku Tamu Anda Disini] di script kode tadi. Hapus tulisan itu Lalu Ganti dengan Script kode Buku Tamu anda.
(Untuk mendapatkan script kode tamu bisa daftar disini )
Semoga Bermanfaat !!