Untuk menghemat ruangan di blog kamu, ada baiknya membuat buku tamu yang tersembunyi di balik dinding sebelah kiri, setiap kita klik tab judulnya maka akan nongol tuh shout box ente..caranya cukup gampang koq, nggak harus nyiapin sajen atau kembang tujuh rupa segala hehehe..yuk kita mulai
Pertama klik Layout ==> Page Elements ==> Add a page elements ==> Add to Blog pada menu HTML
Nah masukkan 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/AVvXsEhTTiznKEDICcqV6hTY-1D3YQrharNathh5FA0MVXYLItd79xrGtSaym8qWbm8aVdsXLhS9BEyyF7pW_6xrk-380j75hrH6i_3-KXOBzn1gMXgWWDPfiIrv_8vzztqgc_vnyZAxNZ-8Ulur/') 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">
Masukkan Kode ShoutBox Ente dimari
<div style="text-align:right">
<a href="http://bilogisma.blogspot.com/2010/01/membuat-buku-tamu-tersembunyi.htmll">
[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>
Save dan rasakan hasilnya hehehe
