Membuat Buku Tamu Tersembunyi

Sobat blogger, terima kasih bagi kalian yang udah mau berkunjung ke blog sederhana punya saya ini. Kali ini saya akan berbagi sedikit ilmu tentang blog, bagaimana caranya Membuat Buku tamu Tersembunyi, ini sesuai dengan permintaan sobat. Langsung aja tanpa banyak basa-basi dari pada sobat sekalian bosan terlalu lama menunggu :D

1. Masuk ke akun blogger punya sobat
2. Klik Rancangan ketika berada di Dasbor
3. Klik Tambah Gadget
4. Pilih HTML/JavaScript
5. Kemudian Copy Pastekan kode dibawah ini pada HTML/JavaScript

<style type="text/css">
#gb{
position:fixed;
top:0px;
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" onmouseover="showHideGB()"> </div>

<div class="gbcontent">

<p> Terima Kasih Sudah Berkunjung, Jangan Lupa Isi Buku Tamunya :D </p>

<MASUKKAN KODE BUKU TAMU PUNYA SOBAT DISINI>

Mau Membuat Buku Tamu Seperti Ini Sobat?<br/>
Klik di
<a href="http://rusdiansyah-16.blogspot.com/2011/04/membuat-buku-tamu-tersembunyi.html">
sini </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>

6. Kemudian Simpan hasil kerjaan sobat tadi

Catatan :

1. Untuk kata yang berwarna biru ialah border dari buku tamu sobat, dan bisa sobat ganti dengan border yang lain
2. Untuk yang berwarna biru muda ialah sobat bisa memunculkan buku tamu yang tersembunyi dengan cara di klik atau hanya dengan cara mendekatkan kursor sobat ke buku tamu, pilihannya click dan mouseover
3. Untuk yang berwarna merah sobat tinggal masukkin aja kode buku tamu sobat disitu

Semoga postingan saya kali ini bermanfaat bagi sobat sekalian, jangan lupa tinggalin komentarnya yah :D