Membuat Buku Tamu Tersembunyi Disisi Blog

Setelah sebelumnya saya membuat artikel Membuat Buku Tamu Untuk Blogspot,kali ini saya akan membahas cara Membuat Buku Tamu Tersembunyi Disisi Blog.
Sebagai contohnya seperti yang ada di sisi kanan atas blog saya ini,,,hehehe


Langsung aja deh kita ke Te Ka Pe.


1.Login ke akun Blogger anda dulu pastinya,hehehe
2.Masuk ke halaman Dasbor Kemudian pilih Tambah Gadget (Terserah mau di tempatkan dimana :-D )
3.Kemudian pilih HTML/JavaScript
4.Nahh,,,masukkan kode script 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 class="gbtab" onclick="showHideGB()">   </div>
<div class="gbcontent">
<!-- Kode Buku Tamu Anda Disini -->
<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://zakurabika.blogspot.com/2012/01/membuat-buku-tamu-tersembunyi-disisi.html">
sini (zakurabika.blogspot.com)
</a>
<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>

5.Ganti tulisan Kode Buku Tamu Anda Disini dengan kode Buku Tamu anda.
6.Terakhir anda SIMPAN GADGET.


NB : Gadgetnya jangan di beri judul yah,,,hehehehe

Daaaaaannnnnnnnnn Sekarang Buku Tamu anda udah tersembunyi disisi blog,hehehe


Untuk yang belum punya buku tamu,,,silahkan baca artikel saya yang sebelumnya membahas cara Membuat Buku Tamu Untuk Blogspot.

Baca Yang Di Bawah Ini Juga