Cara Membuat Buku Tamu Tersembunyi Di Side Bar Kanan

,Share,

Kini saya akan memberikan informasi untuk pencinta blogger bagaiman cara memasang buku tamu tersembunyi kan,Nah kebetulan ada di benak saya mangkanya saya posting biar tidak lupa.Gini caranya

1.>>>>Login Bloger<<<<
2.Pilih Rancangan/Design di dasbor
3.Klik Add gadget/Tambah Elemen





Lalu Pilih HTML/JAVA SCRIPT



Apabila sudah Copy Script 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/AVvXsEhYutjUNYKrpA6RsVKcdGaItXo4Au70ZPvLnP5JKqdZGgNw0_S75uGsT174Xu__MmxAAr1Srt2j0QOzpojUTwbfYdEh4yn4nX24HHnN-jNhBU3AVxuWmNG1_BGHe5ie-L7UKPdGsm7LmZwc/') 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, Iklan, Menu Dll
<div style="text-align:right">
<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>

Nah,Yang tulisan berwarna putih di isikan html shoutbox nya

Sekian cara Bagaiman Membuat Buku Tamu Tersembunyi yang ada di Side Bar Kanan/di Samping Kanan Blog