Menyembunyikan Buku Pengunjung

salah sata cara untuk mengetahui jejak pengunjung blog kita adalah dengan menyediakan buku pengnjung pada blog kita. Bagi blogger yang ingin memasang buku pengunjung yang tidak terlalu meghabiskan halaman blog, dibawah ini ada kode HTML yang dapat menyembunyikan buku tamu.

Namun sebelum memasang atau mengcopy kode menyembunyikan buku pengunjung yang saya sediakan, dapatkan kode buku pengunjungnya di alamat ini www.shoutmix.com terlebih dahulu.
Setelah anda masuk ke shoutmix.com ikuti langkah-langkahnya yang diminta oleh shoutmix.

Jika sudah mendapat kode buku pengunjung dari shoutmix langkah berikutnya

1. Silahkan Login ke Blogger Account Anda, pilih "Rancangan/layout" kemudian "elemen laman/Page Elements",
2. Klik "Add a Gadget/tambah wadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
3. Copy code berikut dan paste ke Notepad:

< style type=" text/css" >
#gb{
position:fixed;
top:25px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i844.photobucket.com/albums/ab5/Yuswanjang/jejakpnj.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FF8C00;
background:#000000;
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" >
< !-- Ganti dengan kode anda yang diperoleh dari shoutbox atau shoutmix !-->

< 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>

Sebagai Contoh Saya akan Ganti
< !-- Ganti ini dengan kode buku tamu Anda --> dengan buku pengunjung yang saya perole dari shoutmix :

< !-- Begin ShoutMix - http://www.shoutmix.com -->
< iframe title=" wawanaisfa" src=" http://www5.shoutmix.com/?wawanaisfa" width=" 320" height=" 400" frameborder=" 0" scrolling=" auto" >
< a href=" http://www5.shoutmix.com/?wawanaisfa" > View shoutbox< /a>
< /iframe>
< br /> < a href=" http://www.shoutmix.com" title=" Get your own free shoutbox chat widget at ShoutMix!" > ShoutMix chat widget< /a> < br />
< !-- End ShoutMix -->

4. Selanjutnya Sobat juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda.

5. Atau Anda Juga Mau Rubah Gambar http://i581.photobucket.com/albums/ss258/daenkrhapy/BT.jpg sesuai selera, silahkan bikin dulu dengan Photoshop atau corelDRAW, Lalu simpan di photobucket dan gantilah gambar tersebut sesuai alamat penyimpanan.

6. Klik simpan

selasai deh...., selamat mencoba, semoga berhasil......, Jangan lupa komentarnya.