Monday 1 August 2011

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..

My New Blogspot..

Hye Guys before tuh nak ucapkan Selamat Menyambut Ramadhan Almubarak dan Selamat berpuasa.. Alhamdulillah Puasa hari ni berjalan dengan baik..

Actually ni Acc Blogspot Cik Cahaya yang baru.. before ni Acc Blogspot yang lama kena Hack tak boleh buka.. HuHuHu.. btw tak apa lah. Asalkan Orang yang buat tuh Puas hati..




Pesan Tuan Blog : Blog Ini masih dalam Renewvation *eiceh~ so segala kekurangan tuh maaf lah yer.. :)