Tutorial Float icons 4 u :)

tutorial float icons

actually tuto hari nie senang jeh and byk yg dah tahu, tapi disebabkan banyak jugak yg tanye tuto nie, so dania buat lahh :D

 pegi design >> page element >> add a gadjet >> html/javascript
 then korang copy and paste code neh (CTRL + C then CTRL + V)

<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='http://www.facebook.com/lollipopmania/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL IMAGE" /></a><br />

<a class='linkopacity' href=' http://ouhhdania.blogspot.com/' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL IMAGE" /></a><br />


</div>

 p/s : yg dania highlight warna orange tuh korang letak lahh link and ygwarna biru tuh plak url icon/image korang, yg warna hijau tuh buley letak (left/right) and lastly warna merah tuh kedudukan die dari atas. smakin kecik number tuh, smkin atas lahh icons korang tuh. paham tak ? ehee

 dah siap sume save lahhh ^^

---

don't forget to click like and leave your comment okayy!

---