Tutorial : Menu Bar and Free Icons for Bloggers

Atas permintaan, 

rina mahu buat satu tutorial menu bar.

macam rina punya ni :

dan atas permintaan juga,

rina design icon menu bar ni free untuk korang.

cute tak??

nak buat pink, tapi ada blogger tak suka pink.

so buat color yang suit dengan blog apa pon (kot?)

baru lah fair n square

kann hihi

let's begin!

First

Save image menu bar atas tu di image hosting korang.

contoh di photobucket, imageshack.

nak ambik direct link image dari atas tu boleh je..

no hal punya..

tapi kalau blog ni tiba tiba takde, images tu pon sama sama takde lah ye

hehe

Second

Seperti biasa,

Dashboard >> Design >> Page Elements >> Add a Gadget >> Html/Javascripts

Third

masuk kan code ini

<a href="LINK"><img src="URL IMAGE" /></a>

URL IMAGE merujuk kepada, url image icon menu bar atas tu lah

LINK pula merujuk kepada, kalau korang tekan IMAGE tu, nak bagi keluar page atau website mana.

huhuhuhu

apsal rina rasa susah nak explain? :p

Forth

then, ulang step ke tiga tadi

susun sebelah menyebelah jadi macam ni :

<a href="LINK"><img src="URL IMAGE" /></a><a href="LINK"><img src="URL IMAGE" /></a><a href="LINK"><img src="URL IMAGE" /></a><a href="LINK"><img src="URL IMAGE" /></a>

Fifth

make sure, gadget korang ni berada di bawah header

macam ni :

Sixth

save dan siap!

ades..sebenarnya senang je..

rina tak reti nak explain.

harap harap korang fahamla..

konsep sama macam link kan image.

tapi, kadang kadang, image tu tak sebelah menyebelah pon.

itu kemungkinan korang guna old blogger template.

tukarlah kepada new blogger template.

Blogger dah sediakan pun,mudah aje.

sekian terima kasih

^___^