Wadah Madrasah Pengalaman: Tutorial nak wat HOME icon untuk blog korang


Saturday, August 7, 2010

Tutorial nak wat HOME icon untuk blog korang

.










Salam korang



Arinie wan nak kogsi tutorial nak wat HOME icon untuk blog korang.. Arinie penat sangat tapi nak kongsi gak..huhuuhu.





Contoh kat atas tu k..Korang leh gak tengok and klik klik kat HOME Wan tepi tu..hehehe..kie cam refresh lah...Mane lah taw kan ade blogger yang ke entri entri kite yang len..So tak lah susahkan blogger nak kemain page kite kan..hehehe



So copy je kod kat bawah nie..korang letak lah kat mane mane korang nak..


Bagi penguna template blogger and layout

Dashboard > Layout > Add A Gadget
klik HTML/Javascript. and korang copy paste kod kat bawah nie k.

(CTRL+C serentak untuk copy)


Bagi penguna template

Dashboard > Template


(CTRL+C serentak untuk copy)

__________________



<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<div style='display:scroll; position:fixed; bottom:10px; left:-12px;'>

<a class='linkopacity' href='LINK KORANG' style='margin-left: 1em; margin-right: 1em;' title='HOME'><img border="0"width="50" height="50" src="LETAK KOD ICON KAT SINI" /></a><br />





Korang bleh gak ubah

width="50" height="50" ekot ke sesesuaian blog korang k.

Law korang nak letak kat bahagian atas kotang tukar kod yang berwarna pink tu k

bottom:10px; left:-12px;'>

bottom tuka ke top
left tka ke right



---------------------
kod untuk icon plak




Photobucket

http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-Green-icon.png


Photobucket

http://i921.photobucket.com/albums/ad52/wanhazel25290988/HomeIcon.png


Photobucket

http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-icon-2.png


Photobucket

http://i921.photobucket.com/albums/ad52/wanhazel25290988/home_icon.png


Photobucket

http://i921.photobucket.com/albums/ad52/wanhazel25290988/home-1.gif


Photobucket

http://i921.photobucket.com/albums/ad52/wanhazel25290988/Home-icon-1.png


Photobucket

http://i921.photobucket.com/albums/ad52/wanhazel25290988/HOME-ICON.gif








Ok tu je


Selamat mencube




Malam nie Wan penat sangat


Tak dapat nak jenguk korang k



papai



.



77 comments:

Saya Adalah 'Cik Putput' said...

nice nice nice tutorial..
maceh ye..
put mahu ambil rumah bear+pink+hijau tu :)

Wan_hazel said...

Ok put..hehehe

Hanietwisties said...

tengs 4 the tutorial, mcm mna nk buat rumah tu top?

Wan_hazel said...

tuka buttom tu ke top...ade kat entri wan..bace je

emieysandra said...

wah..jadik la wan..
thanks fOr sharing..

~_^

Azli Razali said...

jom komen

Wan_hazel said...

emiey...ok...hehehe

Bayu Kenangan said...

thanks..... menjadi...

Wan_hazel said...

BAYU

welkam

Tomato Gurl's Life said...

nice info..umah yg pink tu cute...nati nk try la..hehe..

RedBoy said...

wahhh..wan.. nice.. i like it.. red nak juga ye..

Wan_hazel said...

redboy

ok2...hehehe..

Wan_hazel said...

Tomato Gurl's Life

ok2 ..hehehe..nanti try lah..huhuhu

Saya Adalah 'Cik Putput' said...

erk..wan kasi kat komen entry maner eh? takda pom :p

Wan_hazel said...

tak de ke Put..wan kasi skali lagi k

ShazlinaSaad said...

sgt suke sbb menjadi..hehe..thanks ye

Wan_hazel said...

ShazlinaSaad

welkam..hehehe.,.

Cira Marcello said...

wahh...ader gak macam ni ea
thanks wan..
cira da wat tutorial ni..
best3x..

LIKE!

Wan_hazel said...

Cira Marcello

hehehe..welkam cira

...ice... said...

tq wan...ice da dpt da...^^

Wan_hazel said...

...ice...

welkam....peace..hehehe

EIFA said...

Yeay! jadi la... Thanx ye.. sy copy awk nyer rumah kaler hitam.. (^_^) hehe..

Wan_hazel said...

EIFA

welkam welkam....hehehe

Nur AzreEna said...

wan. em link tu nk letak link ap plak ae??

Wan_hazel said...

Nur AzreEna

link tu..link blog nur...

gG_biru said...

wan,icon umah tu untuk letak dekat mana...menarik

Wan_hazel said...

gG_biru

kod tu letak je kat mane2..nanti icon umah tu akan muncul kat blah kiri bawah..cam kat blog wan nie

Professor Hanan said...

kak Hazel,link korang tu kene buat link blog ke??

Wan_hazel said...

Professor Hanan


ops..wan lelaki..kene panggil abg/pak cik/atok..hehehe..a ah link tu link blog kite k..

Professor Hanan said...

thanks Wan!

kiwi wiwi said...

hai wan..sy nk use ur tutorial neh bley ? im new in these blogs arena =p

Wan_hazel said...

kiwi wiwi

boleh je..n welkam tu blogger style..ehhehe

❤ Baby Yats ❤ said...

dah buat..tengkiu :)

Wan_hazel said...

welkam...

Fairuz Fazilah said...

wan, fa dah buat, tapi nape bila fa klik home tu, dia ada dua link? dia tulis blog not found?? nt try tengok ok. fa dah buat. tapi xjadi. so fa biar dulu nak kasi wan tgk. thx :)

Fairuz Fazilah said...

okok. dah jadi. hehehehe

Wan_hazel said...

fafa

ok fafa..ehehhe

Athirah Najaa said...

Hye , kan home tu kat tepi , habis home kat bawah tu yg sebelah older post tu mcm mana tak nak ada home kat bawah tu ? i mean nanti ada 2 home . So , nak buang yg huruf punya bukan yg kat tepi , mcm mana nak buang ?

Wan_hazel said...

Athirah Najaa


yg tu wan tak taw lak..kene koding kat HTML kot...

Capiy@h said...

time kaseh lg sbb bg tutorial yg superb.. ;)

Wan_hazel said...

Capiy@h

welkam..ehehhe

C@H@Y@ said...

link pa yang kta plu nkah bg wan??mek cba x patpun..huhu

Wan_hazel said...

C@H@Y@

ktk ngkah link blog tak

Bella HaLim said...

da boleh buat. thnx. :)

Kita Masih Muda said...

wan nk tnya nie....home tu dah bleh buat dah...cun.....tapi kn,nk buang home yang kt bawah skali 2 cam mane ek???ada dua home kt blog aku...1 yg old fshion, 1 yg seperti ko katekan 2...

Wan_hazel said...

Bella HaLim

welkam..

Wan_hazel said...

Kita Masih Muda

yang templte ori punya ke???cari je kod home dekat dalam HTML blog...

lieyly said...

alia ambk ic0n 1 :D
sy0k tut0 bl0g wan :D

Wan_hazel said...

tengs..ehehhe..biase2 je

Anonymous said...

hai ! sy nak tanye,yg bnyk2 kod HTML tu boleh ltk dlm 1 tmpt ke?phm ke?huhu

Wan_hazel said...

semua HTML ke???utk kpding len pun??better tak yah lah..koz law nak edit or buang susah lak..ehehhe

Anonymous said...

thanks for your tutorial.dh buat n jadi,tapi..tapi hehe nak tanye knp "icon home" tu ke tepi sgt? dan "link korang" tu sbnrnya nk letak ape ye?hehe

Wan_hazel said...

ketepi sgt..leh ubah kod nie k...

left:-12px;'>

ubah no dia//try n error...link korang tu..link utk blog k

Anonymous said...

tq :)

Wan_hazel said...

anon..welkam

Miss lonely said...

tak bole :(

Wan_hazel said...

Miss lonely

eh nape tak boleh???

Mischenta ima said...

link korang tu nak mula ayat cm ner???

Wan_hazel said...

Mischenta ima

erk..mula ayat..,mane de ayat..contoh macam nie taw http://wanhazel.blogspot.com/

Timah Naailah said...

ekkkkk...!!!
xjumpa template la plak..!!!
cmna ni abng Wan..??!!!
bluurrr..!!!

Wan_hazel said...

kalau tak jumpa tu so makna nya add gadget je taw..

guna template blogger n layout lah tu

zana said...

wan minta maaf ye..sy nk tanya cne ye nk ilangkn HOME kt header tu ye...langsung xleh nk ilangkan

zana said...

wan sy da jumpa..hehe..rupanya sy xletak link sy tu yg x jumpa tu..hehe sowi ye ;)

Wan_hazel said...

ok..ehehhe..peace

||aLeaSaRa|| said...

owhhh tq2 akak dah ambil yg rumah merah tu tau!!!

Wan_hazel said...

heheh..ok..peace

Anonymous said...

wan , fatin amik satu ea ??? rumah yg ade bear ! :)

Wan_hazel said...

ok..boleh je..ehehe

seraiwangi said...

terima kasih . :)

Wan_hazel said...

sama2..peace

shuha's diary said...

salam wan, tq sgt ade blog kamu utk org2 baru cm sy ni nk blaja. zero ni. satu ape pon xreti, yg entri nie, tingin la jgk kn nk wat. wat jadi tp home yg font tue xilang pon. bile click kt home icon awk nie, jd page not found. caner ek

Wan_hazel said...

kena masukn link blog awak taw..ade je wan kasi taw dalam entri tu..ehehhe..

shuha's diary said...

home icon yg cumel tue dh ade, sy amek yg pink tue. tp home yg asl tue xilang, ade jgk. kira ade 2 home. cmne tue..

Wan_hazel said...

a ah..kira da dua home lah..ehehe

anyssa emma said...

thanks .. cantek .. :)

AK said...

Thanx bang :)

Natasya Kaifli said...

Sy ambil satu ye:) Terima kasih.