Membuat Buku Tamu terselip di sisi kanan blog Anda. ~ IT SHARE

Malam semua,kembali lagi bersama saya admin disini. Maaf ya saya baru posting lagi soalnya saya bingung karena tidak ada permintaan mengenai postingan apa yang harus saya buat. Disini saya ingin membuat postingan tentang "Membuat Buku Tamu terselip di sisi kanan layar blog Anda". Karena salah satu dari teman saya juga ingin tahu caranya bagaimana membuat buku tamu terselip di sisi kanan blog jadi saya sediakan disini juga untuk semua pembaca setia blog ini. Sebelumnya,saya mau tanya. Buku tamu itu isinya apa sih? penting ga sih untuk suatu blog?. Yap,buku tamu itu isinya adalah komentar2 mengenai blog anda ataupun jejak yang ditinggalkan oleh para pembaca anda jika sedang berkunjung ke Blog anda. Dan memakai buku tamu ini antara penting ga penting. Penting jika kita ingin tahu siapa saja yang berkunjung ke blog kita dan apa komentarnya tidak penting jika kita cuek terhadap kritikan dan saran dari para pembaca. Selain itu,Buku Tamu juga tidak menyulitkan kok simple saja tergantung dimana mau ditaruh. Apabila disisi kanan dan terselip seperti yang ada didalam postingan ini mungkin 20% memberatkan tetapi jika widgetnya sedikit juga tidak masalah kok. Oke ini saya berikan kodenya dan caranya.

Pergi ke "EDIT TATA LETAK" atau terletak di Tab RANCANGAN "ELEMEN LAMAN. Dan Klik Tambah Gadget.

Pilih HTML/JAVASCRIPT.

COPY DAN PASTEKAN KODE DIBAWAH INI KEDALAM FORM KONTEN.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i387.photobucket.com/albums/oo318/cem_ply/buku-tamu_03.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">
ADD YOUR OWN CBOX OR SHOUTMIX,ETC. <br />
<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>