Cara Membuat Buku Tamu

Cara Membuat Buku Tamu atau ChatBox di Blog Tampil di Samping

Nah, hari ini saya ingin mempostingkan cara bagaimana buku tamu atau shoutmix sobat berada di samping/ga nempel di Blog ( hehehe, kata-katanya bingung, ntah hidden atau apa, yang jelas seperti yang saya punya) hal ini supaya menghemat space.
Langsung saja caranya:
1. LogIn di blog Sobat => daftar di http://www.cbox.ws/
2. Langsung COPAS kode script di bawah dengan menambahkan code ShoutMix atau ChatBox miliki Sobat.

<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/AVvXsEi_1KxZ0WhdNLHikpgBvx7-QiAKBlqJnSqkV5pT8p2yNwiY0Ge_5Ij5Oql3o3jhV8EANm3YX799EXpCJlyTEwxvHT6MPLJTgT1HzRq-mmwGJT6WXK6FHKCPNqAQIvs0OcgQmEY46ayHTAIy/') 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/>
<br/>
<a href="http://forantum.blogspot.com">.
</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>
--------------------------------------
<!-- Ganti ini dengan kode buku tamu kamu --> --- gantilah dengan kode script ShoutMix atau ChatBox milik Sobat.
top:50px; ------- merupakan posisi, Sobat bisa atur....
Tips, aturlah size Shout Mix atau ChatBox sobat supaya sesuai dengan script barunya.

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest