Tutorial float shoutbox-cara 1

Assalamualaikum.......

Ada yang tanya cam mana nak buat shoutbox macam saya punya..

Ni orang panggil float shoutbox..tapi selalu yang float ni kat tengah.Saya punya kat tepi sebab tuan punya tutorial yang saya ikut ni tak pandai coding yang center.Jadi lah kat tepi macam tu.Walaupun kat tepi tapi menarik kan?..

Meh kita belajar.

Pergi Dashboard-Design-Page Elemet-Add a Gadget-HTML/Javascripts.Dalam bahagian Content,isi code ni:

<style type="text/css">
.gb_fixed{
position:fixed;
top:50px;
right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:3px solid #f5f347;
background:#604c3a;
right:10px;
padding:10px;
padding-top:20px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>

KODE SHOUTMIX ANDA
<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL BUTTON CLOSE"/></a></center></div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="URL BUTTON SHOUTBOX"/></a>

Code yang saya highlight kan dengan warna merah tu tukar ikut kehendak kita..Kalau nak button close dan button shoutbox,boleh ambik kat EMPAYAR BINTANG TIGA sebab saya ikut tutorial dia..Nak buat sendiri lagi bagus..Sementara waktu ambik yang dia dulu..Tapi mintak dulu kat tuan blog tau..Code warna boleh cari kat SINI.

Kalau nak Shout Raya yang ada pelita macam saya punya tu,boleh ambik kat belog APIT.Dah edit,Save...Selamat mencuba.

Kredit SINI