Cara Memasang Hidden Shoutbox

Hidden Chatbox adalah sebuah tempat menyimpan atau meletakkan widget chatbox (Shoutmix, Shoutbox, dll) yang bisa bersembunyi. Sembunyi disini pastinya bukan berarti hilang, kabur, atau lari. tapi sengaja kita sembunyikan untuk menghemat ruang blog. Setelah belajar dan paham, saya menggunakan trik Hidden Chatbox ini untuk memasang shoutmix sehingga blog saya tidak terlihat sesak lagi(walau sebenarnya masih sesak banget, hahhahaha....).
Trik Hidden Chatbox ini terbagi menjadi 2 pilihan, yaitu LEFT-Hidden Chatbox dan RIGHT-Hidden Chatbox. Kalau yang saya pakai di blog ini adalah RIGHT-Hidden Chatbox. Berikut kodenya:
Berikut Langkahnya.

1. Buka Akun Blog dengan ID Sobat
2. Klick Tata Letak dan Pilih Tambah Gadget
3. Pilih html/javascript dan Copy Paste kode di bawah ini

<!-- right hidden chatbox by http://b4rubel4j4r.blogspot.com START -->
<style>
#hcr {
position:fixed;
top:150px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:150px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXFdEF560o4QhtBMie2TLCwSNvmdiWIhUsuNFJ-V_664zw5rX2G9b1o1N8xTn1KoIHF_D1aakg0CCr3QXN_-OyVvWX9N6s8N7In3fNQW02t7BszZQuBG0vNAOvDIyAzL1KCWPxuxDuMII/s400/cbblue-2-LEFT.png') no-repeat;
}
.hcrcontent {
float:right;
border:2px solid #A9D0F5;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">
<center><blink><span style="font-weight:bold;">Tinggalkan Pesan Anda</span></blink></center><br />
< MASUKKAN CODE SCRIPT CBOX ANDA -->
<br />
<div class="hc-credit">
<span style="float:left">
<!-- THIS CREDIT MUST STAY INTACT FOR LEGAL USE -->
<a href="http://www.svckid.co.cc/2010/08/cara-pasang-hidden-shoutbox.html" target="_blank">
Get this widget!
</a>
</span>
<span style="float:right">
<a href="javascript:showHidehcr()">
[close]
</a>
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<!-- right hidden chatbox by http://b4rubel4j4r.blogspot.com END -->

4.  Silahkan atur sendiri tingginya (posisi widget dari atas) dengan mengganti nilai 50px sesuai dengan keinginan sahabat, dan ganti kalimat yang warna merah dengan script/kode Buku Tamu Sahabat, dan langkah terakhir, Simpan dan Selesai