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