Monday 15 August 2011

tutorial nak buat icon home untuk blog korang..


Salam korang



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

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 faiq  penat sangat
bye..

No comments:

Post a Comment