ShoutBox dan CBox Menyorok..

Cik Cahaya nak berkongsi cara2 membuat ShoutBox atau CBox menyorok cam pic kat bawah ni.. Mungkin ramai yang dah tau.. yang dah tau tuh sila dok diam2.. yang belum tau mari terjah..

untuk Hasil impak maksima sila Click pada Picture..

langkah pertama : pergi ke Dashboard kemudian click Page Element dan Click ADD Gadget HTML/JAVASCRIPT

langkah KeDua : sila Copy dan Paste semua Code di Bawah ni dekat HTML/JAVASCRIPT..

<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('url pic yang korunk nak letak kat sini..') 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">

Copy dan Paste Code Shotmix atau Cbox korunk kat sini...

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

Langkah KeTiga 'Save..' siap pun.. untuk sebarang pertanyaan sila tinggalkan comment anda di sini yah... selamat mencuba..