Buku Tamu Hidden

Buku Tamu Hidden

by Unknown ~ Senin, 21 Mei 2012

Definisi "Buku Tamu Hidden" :
"Buku Tamu Hidden" adalah kondisi di mana buku tamu yang anda punya secara otomatis akan 
tersembunyi dan hanya akan muncul bila diklik.

Fungsi "Buku Tamu Hidden" :
Fungsi "Buku Tamu Hidden" adalah mempersimple tampilan blog anda dan terlihat lebih rapi serta 
memberikan banyak ruang untuk memasang gadget lainnya.


Bagi Anda yang ingin membuat "Buku Tamu Hidden" silahkan ikuti langkah-langkah berikut :
1. Log In ke Blogger Anda
2. Pilih Tata Letak atau Design, Add Gadget
3. Copas kode berikut

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtGjYRGG8NiG5mMnviferk3lhwMjyUH-AYb9o5GFabTVbF7OFRbqC8nx_5MzukiOpyrfmfz8ClarfwAysHsVvv17QV9pxXDGGQJ4M7EUj1jdBIpq5IMb3zksKsifOiihk4lqQ_hyphenhyphenrIzZ0/s1600/bukutamu.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">

HAPUS TULISAN INI DAN COPAS KODE BUKU TAMU ANDA DI SINI

<div style="text-align:right">
<a href=" http://fatkhur-rahman.blogspot.com/2012/05/buku-tamu-hidden.html ">[Jangan Di Hapus]</a>><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></div></div>

4. Save atau simpanamu 

Note :

* Ganti tulisan bewarna merah dengan kode buku tamu anda

Semoga Bermanfaat . . .