Tutorial icon for shoutbox

Salam suma...orait dis is my 1st tutorial...since im new blogger...so mcm2 bnda aq nk wt nk kasi make up blog kn...well mostly y byk tlg aq wt blog n bg tunjuk ajar ni ialah adik aq...huhuhu...so today aq nk bg tutor letak icon kt shoutbox as korg lh tgok kt shoutbox aq...kn ader icon y korg kena klik then bwu keluar kn...tutor ni pn di request oleh kwn aq...cik matahariku...hehehe...check it out!

WARNING!!!! >>> korg mesti register kt shoutmix dlu tw...then bwu ikut tutor aq nie...huhuhu

STEP 1

korg g kt Dashboard > Design > klik kt gadget y ader code untuk shoutbox..ps 2 find code cm kt bwh nie


<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:400px;
width:150px;
float:left;
cursor:pointer;
background:url('URL untuk icon y korg pilih') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
background:#F5F5F5;
padding:10px;
}

STEP 2

da jmpe code kt atas 2 kn? then korg replace kt bnda y aq higlight wif blue n red 2 er

blue >>> untuk adjust size icon korg   red >>> letak la url icon y korg da pilih...korg lh search kt photobucket..just key in shoutbox..t kuar la mcm2 icon y cute miut ...then korg copy code url (DIRECT LINK)...then paste kt tempat y aq colored wif red ok
after done wif step above then preview 1st..bile gler da puas aty bwu save k

*** actually icon 2 kte lh create sndri...p leceh n aq ni kategori mls nk wt sndri...so amik je kt photobucket...hehehe 


last but not least...all dis tutor aq nk credit to adik aq; eyra n also cik lyssa secret

p/s: lw x jd sila tinggalkn comment anda...bkn pe time post tutor nie aq pn cm biol2 sikit...tkot tersalah letak code..hehehe 

No comments

Back to Top