cara memberi buku tamu

buku tamu adalah nama widget yang ada di sidebar kanan (bisa di modif sendiri). gunanya untuk menempatkan gadget gadget, seperti shoutbox atau shoutmix.


1. daftar dahulu shoutbox atau shoutmix.
2. login ke blogger
3. buka rancangan > elemen laman > tambah gadget > HTML/Javascript
4. copy script di bawah, pastekan di HTML/Javascript


<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">
Ganti ini dengan kode buku tamu kamu
<br/>
Mau seperti ini?<br/>
Click aja disini--->
<a href=http://www.irfannashare.com/2011/05/cara-memberi-buku-tamu.html">Info Blog</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>


5. copykan script shoutbox atau shoutmix ke "Ganti ini dengan kode buku tamu kamu"
6. simpan script
7. simpan template
8. reload blog anda


jika terjadi kesalahan atau tidak keluar buku tamunya, silahkan komentar di bawah