Friday, November 19, 2010

TUTORIAL LETAK ICON KAT SIDEBAR!!

selamat petang om...*gimana sih..aku udah keluar sleng indon* hik3....kali ni cik mas nk mengajar anak2 murid, ibu2 serta bapak2 yg sudi mengikuti tutorial ini....tutorial ini x de request dr sape2 pon...cik mas tgh boring..so wat la bnd alah ni hah....sbb bile ade icon ni nmpak blog semakin tomei2...ok tuan2 & puan2....mari kita teruskan....

tgk dlu apa yg dikatakan dgn ICON DI SIDEBAR?



step 1 :
sila fokuskan bijik mata anda pd icon bunga...comel kan? heee

step 2 :
pegi google..carik larh icon ape yg korang nk....mcm cik mas..cik mas amik bunga tuh...
ingat!!! icon mesti bersaiz 23x23 @ 25x25

step 3 :
DASHBOARD >>> LAYOUT >>> EDIT HTML >> click [Ctrl +f] >> tick Expand widget >>> cari kod dibawah ni
(cara nk copy & paste kod ====> klik CTRL+c (copy) lps 2...CTRL+F (paste)

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

step 4 :
delete semua kod di atas yg korg dh jumpe tuh.....pas tu ganti dgn yg baru..ade kat bwh ni ok...

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:10px 0 0;
}
.sidebar ul li {
background:url("image URL") no-repeat 2px .25em;
margin:0;
padding:0 0 3px 16px;
margin-bottom:2px;
text-indent:7px;
line-height:1.3em;
}
step 5 :
gantikan kod BOLD diatas dengan url icon yg korg pilih....(cara nk dpt pic url dr icon yg kat google 2...korg klik mouse sblh knn, COPY IMAGE URL... pas 2 paste kat tempat yg kod BOLD tadi....

step 6 :
dah siap...priview dlu!!!! tgk ade perubahan x?? kalo ade & ok+semat icon 2 duk kat side bar...korg leh la save...kalo mcm x santek...plih icon lain ye..dah satle sume SAVE!!!

ok dah siap...itu sahaja...tata korang....jmpe di tutorial akan dtg... babai..!! eheekkk

5 anak murid kena cubit:

SURIANI ISMAIL on 2:35 AM, November 20, 2010 said... BALAS

xjumpee kod 2 punn laaaa.....

Miss Eyda on 4:40 AM, November 20, 2010 said... BALAS

comeel nya icon nie. tgu eyda rajin, eyda nak buat jugak. thanks for tutorial cik mas ;)

cik mas on 4:57 AM, November 20, 2010 said... BALAS

nanie... kod yang mane?? kod kat expand widget ke??

Julia on 7:49 AM, January 02, 2011 said... BALAS

salam..nape kat blog aku takde kod yang harus didelete tu erk..?

cik mas on 8:19 AM, January 02, 2011 said... BALAS

mybe tamplate awk 2 guna coding lain....

 

dunia.ku.dunia.cikgu Copyright © 2010 Designed by CikMas