Tutorial : Hide Shoutbox from website

Assalamualaikum, Okeh kali nih pun post biase2 jer... cara nk make up blog @ website korang...
Tentu korang dapat perhatikan kat setiap blog mesti ader shoutbox kn? Tahu kah korang bahawa shoutbox memberatkan page korang ? percayakah anda ngan kenyataan itu? Cuba korang perhatikan jika sesuatu blog yang menggunakan shoutbox pasti akan mempunyai masalah untuk load kat bahagian shoutbox nyew.Ianya tentu sekali menyebabkan pengguna bosan utk menunggu...
Jadi, pengkod sekarang telah mencipta script untuk hide / sembunyi / autohide shoutbox nih. Sungguh berguna!! Jika ingin shout messages cume klik pada icon shoutbox... Jika anda kreatif , icon shoutbox juga boleh diubah ikut citarasa anda!!!

cara nk dapatkan hide / autohide / penyembunyi shoutbox?
Mudah saja...
Kemahiran HTML tidak diperlukan.. cume ikut langkah nih.

1- Pastikan korang sudah ada kode shoutbox
jika belum ada sila create ngan klik dibawah



2- Dapatkan kod / script utk hide shoutbox. Sila salin / Copy script / kod dibawah
Kod Disini
Atau Copy aje kat sini

<style type="text/css"><br />#gb{<br />position:fixed;<br />top:50px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br /><br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihO6EIWKgEwXu0OQt4d6-1J7N2A_NMCagB3fI_RND5fR1jAD6zGUQxiKGbHWbTQYtCSJDXxeFChFU55U4elSV9cB-hZb3-8pPSx-cKnX-HCSzxhOFBuuCgmW5I56FNAt5mIfL8UuK79ikT/s320/tabs.png') no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #666666;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style><br /><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><div id="gb"><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><div class="gbcontent"><br /><br />MASUKKAN CODE SHOUTBOX KORANG KAT SINI<br /><br /><div style="text-align:right"><br /><a href="javascript:showHideGB()"><br />[close]<br /></a><br /></div><br /></div><br /></div><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /></script><br /> <br />

3- Kemudian, bukak file HTML website / blog korang.. Bagi Blog bukak kat bahagian layout dan edit html.. Paste / Tampal aje kode tuh kat bawah sebelum < / b o d y >

4- gantikan Teks berwarna merah ( MASUKKAN CODE SHOUTBOX KORANG KAT SINI ) dengan kod shoutbox yang didapati di shoutmix.. Kemudian save templates dan view.. Siap!!!

5- Bagi korang yang lebih advance dan pandi nk edit2 gambar nih, korang leh la edit ikon shoutbox dibawah








dengan ikon korang sendiri.. Bleh disesuaikan ngan warna blog korang.. yeahh!!!

Harap Korang suke ye post nih : )