tutorial shoutbox untuk ida ^____^

hehe... dua hari lepas.. ida tinggalkan jejak dekat blog cuya.. ida request tutorial shoutbox yang macam cuya punya.. sebenarnya ida.. cuya punya ni yang paling simple sangat... banyak lagi yang comel2.. tapi takpe.. cuya ajarkan ye...

1.)  ida kena sign up dulu account shout busuk ni... ida boleh click sini..http://shout.busuk.org/m/.

dah daftar semua... dah buat customization shoutbox... ida kena ambil kod shout busuk ida ni... lihat dekat 

HOME >> GENERATE CODE. copy semua code tu... okay?

2.) click DESIGN >> ADD GADGET >> HTML 

Ida copy semua kod ni dalam ruang html tadi.. 

 <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 #F70415;
background:#f7fcc0;
right:10px;
padding:10px;
padding-top:20px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div style="background: url() repeat; padding: 5px;">ASSALAMUALAIKUM</div>


PASTE KAN CODE SHOUTBOX TADI



<div><center><a href="javascript:void(0)" onclick="gb_showHideGB()">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMA-hmL0XBNIv_2b-g8m1NADGTk0X5OGBSthndjYUWxuHt4DrKcMIrh22EHnTDekHpgZFXhffiFXaeylFQ3wdWpX62ZW_BeC08bKfPBB96DrWTW1RNF4TX6CMymRYoPHuuSufnwiZyvEY/s1600/close.png"/></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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjntplvkClukmjPJ77kkSscgBta4iBgFSFtU7Wk-w6RYGR_mhh47KPdtX4SHoK9NYQDH2tv8ARliKPkpA1Ld9l7-WCgUCENVQBz-72j6n5WnWabQjWcaITFmSwIqCrp0qOuTFcrS2-gklBA/s1600/farahsoftpink.png"/></a></div>   

YANG KENA UBAH,..

a.) warna biru dan purple tu untuk warna.. ida boleh pilih di sini...  http://www.computerhope.com/htmcolor.htm

b.) ASSALAMUALAIKUM .. ida boleh tukar dengan apa apa sahaja ayat yang ida suka.

c.) width "490" height "460" dekat code shout box tu.. tukar kepada width" 240" height "200".. ini penting taw ida .


sebelum save..preview dulu.. kalau menjadi save la..

selamat mencuba... kalau tak faham cepat cepat bagitahu cuya ye..

#credit to bicarafarah.blogspot.com