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

aisyahHumaira 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 (◕‿◕)✿ 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..

amaniyukiko 2/11/10 9:43 AM  

. saye buad ta jadi pun :(

piKOk 4/11/10 5:40 PM  

nak cuba!
tengs utk tutorialnya..:)

pwincess hana 26/11/10 4:35 PM  

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

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

sori x berbalas haha...kebizian..

utk pwincess hana : a ah. kat html

dark sengal 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 (◕‿◕)✿ 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 (◕‿◕)✿ 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

● ᴥ ● Qeen the Catyxiouse girl ● ᴥ ● 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 ? ^^

ツ ar-fiey-za 30/1/11 10:19 PM  

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

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

sume mggunakan adobe photoshop :)

mencari cinta hakiki 31/1/11 11:16 AM  

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

Related Posts with Thumbnails

Follow by Email

✿Visitors ツ


✿NotaKaki ツ

+ Semua gambar adalah hak milik peribadi Rina.
+ Penyalahgunaan gambar akan dikenakan tindakan.
+ Plagiarism is not allowed.
+ Blog ini akan di updet hari2. (maybe :p)
+ Ok. Itu je kot buat masa ni. Thanks for visiting ya!


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

Goto Top