tutorial pertama nie di request oleh atul..
so enjoy buat tutorial nie okey...

1.copy code di bawah nie..

<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; top:140px; left:-12px;'>

<a class='linkopacity' href='LINK FACEBOOK' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="ULR GAMBAR" /></a><br />

<a class='linkopacity' href='LINK TWITTER' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="URL GAMBAR" /></a><br />

<a class='linkopacity' href='LINK BLOG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL GAMBAR" /></a><br />

</div>

nad adew sediakan image..
kalau nak boleh laa guna..
lepas tuu rajinkan tangan untuk comment yer..

facebook icon

http://img.photobucket.com/albums/v486/mafiatrg/232.png

http://i1177.photobucket.com/albums/x350/amormaternal/facebookpink.png

twitter icon

http://img.photobucket.com/albums/v486/mafiatrg/432.png

http://i1177.photobucket.com/albums/x350/amormaternal/twitterpink.png

feed icon

http://img.photobucket.com/albums/v486/mafiatrg/blogger_64x64.png

http://i1177.photobucket.com/albums/x350/amormaternal/mailpink.png

credit to askarrpink's..