Cara membuat Buku Tamu Tersembunyi

Jendela Pengetahuan (berbagi ilmu pengetahuan dan informasi)

Dengan adanya buku tamu di Blog anda, akan semakin menambah keren penampilan Blog anda. silahkan dicoba dan lihat hasilnya gan. ikuti langkah-langkahnya sebagai berikut :

1.  Login dulu ke Blog Kalian
2. Trus Cari Rancangan --> Klik Tambahkan Gadget
3. Pilih  HTML/java script
4. Copy dan Paste-kan Code Di Bawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEif1dg8tGsEitYlGTEyvMRP1PJ-17KZN63na9Fgv42IfyKWwpgW9TAZnrdTkViedv4LlqbZ29uo-frsT1lP066idNA94UtQHm8UdgXS07J7Rhgxa54jQ386sjBb5tE0BlVivUu-RxAm6xc/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">

kode buku tamu kamu


<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</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>

NB : 
- Tulisan yang berawarna MERAH ganti dengan ukurang yang kalian inginkan
- Dan Pada Tulisan yang berwarna HIJAU ganti dengan CODE HTML buku tamu kalian.....
- Bagi yang belum punya Code HTML buku tamu klik di sini

5. Simpan dan Lihat Hasilnya.