2 Membuat Buku Tamu Tersembunyi

Selama ini saya sering lihat buku tamu di blog teman-teman tersembunyi di sudut kanan maupun kiri, karena ingin tau dan juga bisa mengurangi tempat biar gak memenuhi tampilan pada blog akhirnya saya mencari tau dengan bantuan om google. Akhirnya setelah saya coba di blog ini alhasil sukses juga.

Ok.., gak usah carita panjang lebar. Langsung aja kita praktekin cara memasang Buku tamu Tersembunti tersebut...:

1. Login di blogger dengan ID anda
2. Klik menu Layout
3. Klik Page Elements
4. Klik Add a Page Element
5. Klik ADD TO BLOG pada menu HTML
6. Lalu Copy kode berikut dan Paste-kan Pada kotak HTML

<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/AVvXsEjTJ0g2FytX3phb7ND_rkzlnttf0dLUJkl4YGelILmS1dbEFZFqRSf9uSnb7DHnMY7QrYKsvr0udUGhM-7QQJlqzXxFTAH7MGFso4qwo14jo91M1gTbbmVa96hZBpMOQ3zpB56kv137azoF/') 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">

< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://ujie-caprone.blogspot.com/2010/11/membuat-buku-tamu-tersembunyi.html">
[Pasang Widget]
</a>|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

7. Save Widget tersebut.

Cukup sampai disitu aja..., selamat mencoba dan semoga berhasil...!!!