Cara Memasang Shoutbox / Buku Tamu Auto-Hide pada Blog (Dengan Shoutcamp)

NT's Shoutcamp.

Berikut langkah-langkahnya:
1. Kunjungi situs "ini"
2. Klik "Get it now!"
3. Isikan data anda untuk membuat Shoutcamp
4. Klik "Create Shoutbox Now >>"
5. Isikan data untuk membuat Shoutcamp, jika setiap tahap sedah selesa, klik "Next >>"
6. Lalu anda bisa mengedit Shoutbox anda pada bagian My Shoutbox
7. Jika sudah selesai mengedit Shoutbox anda, pada bagian "Go to" pilih "Home"
8. Kemudian klik Install pada bagian salah satu My Shoutbox
9. Copy javascript yang diberikan oleh Shoutcamp pada akun Shoutcamp anda
10. Masuk pada Blogger -> opsi lainnya -> Tata Letak
11. Kemudian pilih Tambah Gadget -> HTML/JavaScript
12. Pada bagian konten isi dengan 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/AVvXsEj9UGirGBh6qLhs7X_aKkoP6BPao3oxAynQryAe8qw9yFWB-PsS7OVSGLJ7RSh3i5q4I-OXUJ0YsIIvHkYw4lnhttq3neTfK1BP8YtO_XBPGSQoCJvp2tqRoxjNDwUlvspX-2Uj-96fAeTH/s320/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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">


Isi dengan kode Javascript Shoutcamp anda


<div style="text-align:right">
<a href="javascript:showHideGB()">
[Hide]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


13. Lalu klik simpan


Semoga bermanfaat....