Kegunaan dari efek chat box auto hide ini adalah untuk meminimalkan / mengefisienkan halaman blog sobat agar terlihat lebih dinamis dan tidak terlalu panjang kebawah.
Bagaimana caranya? ikuti langkah-langkah sebagai berikut.
1. Masuk pada akun blog anda.
2. Pilih Tata Letak =>> Add Gedget/Tambah Gedget =>> Pilih HTML/Javascript.
3. Copy kode di bawah ini :
MASUKKAN CODE CHAT BOX ANDA DI SINI<style type="text/css">#gb{position:fixed;top:20px;z-index:+1000;}* html #gb{position:relative;}.gbtab{height:150px;width:50px;float:left;background:url('http://i1108.photobucket.com/albums/h405/christian410/ghtrf.png') no-repeat;}.gbcontent {float:left;border:1px solid #000000;-moz-border-radius-bottomleft:5px;-webkit-border-radius-bottomleft:5px;-o-border-radius-bottomleft:5px;-khtml-border-radius-bottomleft:5px;-moz-border-radius-topright: 5px;-moz-border-radius-topleft: 5px;background: #F2F2F2; url() no-repeat bottom;padding:10px;}</style><script type="text/javascript">function showHideGB(){var gb = document.getElementById("gb");var w = gb.offsetWidth;gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}}</script><div id="gb"><div class="gbtab" onmouseover="showHideGB()"></div><div class="gbcontent"><center>
<br /><div style="text-align:center"><span style="float:right; color:#000000;"><a href="http://mari-berbagi244.blogspot.com/2013/04/cara-membuat-chat-box-auto-hide-pada.html"
target="_blank">.: Get this widget! :.</a></span>
</div></center></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (50-gb.offsetWidth).toString() + "px";</script></div>
4. Pada warna biru masukkan code chat box anda, lalu klik "save".
5. Selesai dan lihat hasilnya.
Selamat berkreasi dan semoga bermanfaat bagi semuanya....
Terima kasih atas kunjungan anda di blog ini.