Sunday, September 12, 2010

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
^___^


20 footprints here! Thanks! (◕‿◕):

hamzah ian 12/9/10 5:23 PM  

hahaha.. ntah mane first mane 2nd mane 3rd.. takde nombor..

hahahah.. nice!!!

lame dah cari ni!!!

kata kila 12/9/10 6:11 PM  

uiyoo caiyokk caiyokk

~ AlFaqeerah Ila Rabbi ~ 12/9/10 6:26 PM  

Salam rina..

Akak lupa plak td tulis msj tu dr akak..itula byk yg akak xtau, dan byk juga bt silap..tq ye rina sudi berkongsi ilmu blogger di sini..^_^

LiFe KaMi 12/9/10 10:43 PM  

cute icon menu tu..kreatip..hehe

haidi takeAfoto 13/9/10 11:47 AM  

rina..ase fhm ape yg rina explain tu..boleh je klu nak fhm..mcm bez lak ade ni..rina tolong buatkan je la kt belog sy ek..(bkn xfhm, mls nk buat..)heheh xpe2..sy copy banner rina ek..heh follow rina

Rina Lia (◕‿◕)✿ 14/9/10 12:00 AM  

selamat mencuba semua orang!!

in the future, sure rina buat lagi :)

bia same same blog comel2 blaka hehe

♥..:amore:..♥ 19/9/10 12:08 PM  

cik rina...tq for the tutorial..he3..akn dicuba wt menu bar itu..

Aarianaaaaaa 2/11/10 9:43 AM  

. saye buad ta jadi pun :(

Cik Bulat 4/11/10 5:40 PM  

nak cuba!
tengs utk tutorialnya..:)

It'sAllAboutBabygirl 26/11/10 4:35 PM  

kak rina..yg susun sebelah menyebelah tuh..susun dkt edit HTML/JAVA SCIRPT yg sama ke?

Rina Lia (◕‿◕)✿ 26/11/10 6:37 PM  

sori x berbalas haha...kebizian..

utk pwincess hana : a ah. kat html

Etty Selamat 8/12/10 3:12 PM  

salam akak... macam mane nak buat page bru tu? spya bile org klik kt image, kuar page tu... kene buat post ke?

Rina Lia (◕‿◕)✿ 8/12/10 11:44 PM  

yup. buat page pon bleh. post pon bleh. janji ada link url

Anonymous,  28/12/10 9:24 PM  

Akak, bukan ke kalo nak add page tuh tak boleh lebih dari sepuluh.. Camane akak buat banyak? Adek baru lagi ni.. Harap boleh tolong..

Rina Lia (◕‿◕)✿ 28/12/10 9:51 PM  

tak semestinya link untuk page je...

mcm akak punye atas ni, about me, tutorial,sharing n download je yg link ke page.

lain lain link ke url lain

bacon-shii 12/1/11 9:54 PM  

Assalamualaikum , kakk ~
Aaa , tutor akk sume best2 .
Qeen tnye akk skewdd ?
Kt ner akk customize knn menu bar tuu sndiri ? ^^

Unknown 30/1/11 10:19 PM  

kiutt la gambar icon2 tuh. mcm mana Rina buat???

Rina Lia (◕‿◕)✿ 30/1/11 10:20 PM  

sume mggunakan adobe photoshop :)

Azyla Mumtaz 31/1/11 11:16 AM  

rina..wat kaler pink ley x?then,tag kat sy..plisss

Related Posts with Thumbnails

  © Rina Stories~* at Rinastories.Blogspot. All Rights Reserved. Powered by Blogger.

Goto Top