8.6.11

TUTORIAL : TUKAR ICON BLOGSPOT DI SIDEBAR (BLOGLIST)

Selamat petang & selamat hari rabu  :) yoyo!tengok template dah merahh wo sekarang...hehehe!memang semangat juang sungguhh..err..??kahkahkah..! sorry la mirul kalau solehah buat tak semart..tadi borink sangat lahh..sebab tu tukar warna blog..hehehe. okei.petang nie.solehah nak buat satu tutorial mcmana nak tukar icon blog yang berwarna oren tu..tapi yg nie icon kat bloglist tau..kt sidebar nie ha..  sila tengok sidebar kejap..dah betukar kan??kan??hohoho! make sure..seblom korang buat tutorial nie..sediakan satu gambar/image untuk di jadikan icon korang nanti okei..macam yg solehah buat tu.. icon bintang tiga . hehe.

LANGKAH 1
  • mula mula..korang pegi DASHBOARD > DESIGN > EDIT HTML ..

LANGKAH 2
  • dahh??korang cari koding nie.. CTRL+ F lagi senang..
.sidebar li {


LANGKAH 3
  • korang akan nampak atau jumpa yg mcm nie..


LANGKAH 4
  • korang faham tak??solehah dah bagi gambar contoh tu.hehe.. okei..dah jumpa koding tadi.. korang tambah kode nie pulak..
.sidebar ul li {
background:url("URL GAMBAR/ICON")no-repeat 5px .25em;margin:0;padding:0 0 3px 22px;margin-bottom:2px;textindent:7px;line-height:1.3em;
}

LANGKAH 5
  • gantikan URL GAMBAR/ICON tu dengan URL GAMBAR yang korang nak gunakan..


LANGKAH 6
  • haa.dah siappp tukar icon :) dah preview korang save je lah yep.


LANGKAH 7
  • eh2!ada dua icon ek??takpe..don wori..ikut step yang nie..


LANGKAH 8
  • korang edit gadget.. UNTICK kat kotak ICON.mcm dalam gambar nie..



LANGKAH 9
  • dahh..korang SAVE..so..takda dua icon lagi kan??kan??hehe..selamat mencuba  :)


9 comments:

ikhwan said...
This comment has been removed by the author.
ikhwan said...

ta jumpe la code .sidebar tu ..
ade care laen ta ?
:)

♥ solehah ♥ said...

@ikhwan

ade..ikhwan refer kat tutorial yg nie..tmbh kode kat langkah 4 tadi atas b.skin..

http://empayarbintangtiga.blogspot.com/2011/01/tutorial-sidebar-background-designer.html

ikhwan said...

oke thanks :)

ikhwan said...

dah jadi,dah jadi,dah jadi
hahah
thanks EBT

ucu rose said...

terima kasih yer...ida dh buat dh...alhamdulillah...dah jadik jugak...

MizZ r@D! said...

dyer ad 2 kali tmbah coding kew???x phm la lpaz jmpew pkai ctrl + f

♥ solehah ♥ said...

@r@D!_RmC

tmbh sekali je..kt langkah 4 tu.. :)

KakiLeyPark said...

tak ade pun bende tu...

 
Design by AH|SW |Empayar Bintang Tiga 2013