MEMBUAT BUKU TAMU SEMBUNYI

Buku tamu atau Guest Book merupakan bagian penting dalam blog kita. Dari buku tamu inilah kita tahu, siapa saja yang sudah mampir ke blog kita. So, kalau blog tanpa buku tamu bagai sayur tanpa garam kurang muantap.

Agar buku tamu yang kita pasang tidak boros space, sehingga blog kita jadi kurang sedap dipandang mata, ada baiknya kita membuat buku tamu tersembunyi (tapi masih bisa terlihat oleh pengunjung) Caranya :

1. Masuk ke Dasbor
2. Pilih Tata Letak
3. Tambah Gadget
4. Pilih HTML/Java Script
5. Copy - paste code html di bawah

<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/
AAAAAAAAAXQ/HshHClEVcvY/tabs.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">

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="305" src="http://www4.cbox.ws/box/?boxid=4068347&amp;boxtag=qg4jd2&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#ababab 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4068347&amp;boxtag=qg4jd2&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#ababab 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->


<br/>
Membuat Hidden Shoutbox<br/>
Click <a href="http://hendrik-online.blogspot.com/2011/04/membuat-buku-tamu-sembunyi.html"><blink>disini</blink>
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>

6. Save, lihat hasilnya.

Semoga bermanfaat

Posted in: Blog,Buku tamu,buku tamu sembunyi