· Login dulu ke blogspot
· Pilih menu Rancangan
· Setelah itu klik tambahkan Widget, kemudian copy dan paste-kan script dibawah ini:
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#00000;
padding:10px;
}
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);
}
}
var gb = document.getElementById(“gb”);
gb.style.right = (30-gb.offsetWidth).toString() + “px”;
· Script berwarna merah yang pertama untuk mengatur letak posisi buku tamu, bisa diganti angkanya sesuai posisi yang di inginkan.
· Ke-dua untuk mengatur tinggi dan lebar tempat untuk menampilkan komentar pada buku tamu, silahkan atur tinggi dan lebarnya.
· Ke-tiga untuk jenis warna background atau latar belakang buku tamu (kode #00000=transparan), silahkan kode warnanya bisa diganti sesuai minat,. Untuk kode warna bisa dilihat disini (linnkkan).
· Ke-empat untuk mengatur tinggi dan lebar buku tamu yang terdiri dari nama, alamat email atau URL, dan isi komentar (tepatnya dibawahnya tempat untuk menampilkan komentar), silahkan atur tinggi dan lebarnya di sesuaikan.
· Setelah selesai, klik simpan dan lihat hasilnya akan seperti yang ada di blog saya.