Social Media Icons With Mouse Over Effect Code

Here I'm sharing three (03) flavours of social media icons with mouse over effect codes with you all. The flavours are: Glossy Green, Glossy Orange and Glossy Pink. and the icons included are Feedburner, Digg, Delicious, Twitter, Reddit, Facebook, StumbleUpon and Yahoo. Whenever you hover your cursor on any of these icons that particular icon gets highlighted, basically it is the opacity of image that changes through these codes, this effect works with both IE and Firefox. Try this effect by just hovering your cursor over any icon image below.

Glossy Green Social Media Icons:

Code:

<a href='YOUR FEEDBURNER LINK' target='_blank' title='Feedburner'><img alt='Feedburner' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='http://1.bp.blogspot.com/_A6olrRvpvSc/Swl8qctY6AI/AAAAAAAAAh0/w1cx20_hxgw/s1600/feedburner.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Digg'><img alt='Digg' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3bolwTMkrNt9IufyruaOSUYejUvMoXYASw8mPmVKyQNpTAi_Gq1XdUc2nw3DPDTsDPcMrZeioyEoKYnmgouZ-0esHgip-lkBsiEsLrjaGtl8u9jf0Pv9lm5MbHfJqDtk-eADQgrMBOGwj/s1600/digg.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Twitter'><img alt='Delicious' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREp_Vs3gSwSIVRs078jY11p9oiVnUzRKHEIo8qGykO2cr63-yPmb39grDVG7IPFUzJRW0VxC_c3vQHwZg-XocWCd0RgGGQsggXR5FCNjjLIibEriA9dO_evaAfrpTtK9FLzGik3IzC2mG/s1600/delecious.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Twitter'><img alt='Twitter' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUsLch3tTiK3rGaLX6yO9QkZDhZ5aQXHUukM35yaU4OkmFn4-9GRpQ8n0-e5hRYfY3fwusfXn8LGLOfr8-ZCR-c-MV52yVzfA3z3tjrFKTOinYWZ0m9EyDZztQDav-0YFp803y00lLba-6/s1600/twitter.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Reddit'><img alt='Reddit' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_Ppxq1CDbAzl99m7RBO6Tk9HgTbHVgYQJ7tCHupBPVdTI7eKei47EeiaqOQFOlLoyJL5XesCmfuEhFEx7Z1V5ql0rwrK44qLkQ1tsr2YuZPl-nKl2xvhkksjSX1kdTR_Qdy6r2yfvW8zK/s1600/reddit.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Facebook'><img alt='Facebook' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8idDYVMIFO_L1xMftCnk4wsdJ3ycAX86GoxmjXeeNj4xOr-5tJnpyuvOCstxBMiLjH9IvOqYqhupr_G0Bwaea0XUI5fVTFj0DC7WtJaggCowSgwRmqBC7Oblto9xGbYDTdzguBYMQT52-/s1600/facebook.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Stumble'><img alt='Stumble' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgmUwge123MoJu5sq0WuqxdyDWlCFLRPhgNUNrnsz9aXGwbB0OvtiEKDUlAgnh3rhjuoIq3GWCrUKL2wQYfhnGv3brRFOMSkLJl_fGsHEAe55pPzh68fgHHRwpcuVtJjBd6-WMa61XNZZz/s1600/stumbleupon.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Yahoo'><img alt='Yahoo' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIxQH_J6NYRIpQrJ4o1Tbn9OuTBvXEu0d8VRVjT0KmWPVsPeF_e5fmP4A1-sR0Mu4BLGxzwYFYVuxaOI6pcdEwLyp9phNRx0lwU8yePYT5SRpH1H0lyNlBzYaTIBWCjk1Fp3qaI8uYtt0D/s1600/yahoo.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

Glossy Orange Social Media Icons:

Code:

<a href='YOUR FEEDBURNER LINK' target='_blank' title='Feedburner'><img alt='Feedburner' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgihaNyk1293TQ9sdBMBPmoafDQH-3DICOUWFL2Jr70zruPOL6uf8N00ujjii6opp_MxO6MC9Opea3EvMnTrWWWA3mtCsPKyRn0-vX4phZFJBGirEc75UEZA287vi-vsRMQPTuibnUNRVue/s1600/feedburner.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Digg'><img alt='Digg' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJizpxkanoGgSP5yyu64EjBz6leqpi2rp74hGWiSZKAC5jSKs7GTwKJyk7jyc4FMMuo_q7ksM2UujjU5j7t1zrKC37LxybvqWKlQ2e5ShyAk0bUgGqhk5KUPJuIWndQ_kYLthWhgAuHKKQ/s1600/digg.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Twitter'><img alt='Delicious' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLJJzaOctef1YFBn-KfE0YHTWMAtq1bKf-6iToHhM5cfAdQgz1ympd8UL-jAKntTDHNbK_2xpwQobycMTpSZoMupVXt_DLa8hg2Ee1yTdDK3zdIS_0_pCN2D8QxYpyvr5YtRwsKXzIvyKu/s1600/delicious.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Twitter'><img alt='Twitter' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS5_eJdPeyR5QpinKs09Nrvt2hGHtAYhT7l7iI4ABVSl1CCaGkDoJMCd2KEgjMnlx9VG70gO7SscO7uW-uBhW4BisErTVYkiVaZlUMszPYenDj1kPzPiEfJORlRp7Z-_1a3RZjLo67HIW2/s1600/twitter.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Reddit'><img alt='Reddit' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZbjxCd49RqgfnOTJKG7k3Id5ut8SzAivBuCvS1azB2E8L0EkrLHu8CLjxHatvXOqGF7CpMCvQB4uCngChwbvAEoyJaAKBzy_8vZbSPCg41uYcY4SN5g5kY4KVq1KfFgyGrkJ85Eas4Lq/s1600/reddit.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Facebook'><img alt='Facebook' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN9D_Iz2X3LazzIDngOlnaJ3nbv8CfcNBN6rmUGsAXzOuvmU52ELkcxcIAXqZU7B3Jo2BUEhMNoZo04WHOqtLDTPYmVUJ626bEC-6e_sJ_qD_ifItceGBOzl7igEHozy6vVCjKr-rrTYMi/s1600/facebook.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Stumble'><img alt='Stumble' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9_bdYa2GBFJO2uIejsp5tRLMK1Rz-McFUSt3AH15_JMdRcur3AuBnDluZ6GgNqAuas8sBgZTKm0TdmGZgSScYdOWFSB9EvTKLu8vuCzy1D2DjHCjleM3xpkTKvXbHPBqvonxyEa8wWn5z/s1600/stumbleupon.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Yahoo'><img alt='Yahoo' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3HRuwitLsUIMuxGjui578v9ZnI9kFmESL97f7k2ScI8qluD20EWTOGfFW0GjlEqwU5p1dSDvZRGhF-alv44hs35JOmtPo3qy8qAKTOGFYuqB5ooqCmBx4N4ZT6Ue94C1l9PMR3jgWOHFe/s1600/yahoo.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

Glossy Pink Social Media Icons:

Code:

<a href='YOUR FEEDBURNER LINK' target='_blank' title='Feedburner'><img alt='Feedburner' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhh3l37cGQYKKFUCSWwzVsdWqmASRuCQcOJFhvwlcN_jF-0kJkPshZlsHzI9vwd_XMxis6lo5jis8oRelONN0ijUG7GrMRGOv7reivGMqIwQNYYnrBw_grRfmqC6xZLwaUS4V8hUbzk_HpI/s1600/feedburner.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Digg'><img alt='Digg' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHy3YFDvdQTQ5yizMVgPVqUISBVwjWvXsNjb3YuqEqAWtUWx9sVTQOxzrks7SGWR7v8IuQB-VOT6vBEpeg4t0nfuDZVPKlLcqmmvhuh9PLY6ZBtBUaSFhRWVg67RYLfIh5YujMnTKONWSZ/s1600/digg.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Twitter'><img alt='Delicious' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuEIwMM3car5X_WIDiosQD0nfGfStZmA-EFgAOMrmZMcDlzdc0HPLJHaatdXxdmaENqGPgdae7VimYo7G_dp2qU17s273ImMSrgTIoOYv4oWubo4Bea0DDg81zmj70I78ZFpV12VARvwJ8/s1600/delicious.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Twitter'><img alt='Twitter' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0uUJEg4uKe2oMSE2o1tYmi6Ny-ztZFsjJYHKySdzzRT4iO9d-9Qi0aZU6pq_hWbORR-XazjvSHE2VxZtZOGMuuaqqRYZ2TCtA37_GqVuIMLfBDMLLBUQ8Fa0DuTUtTHg7O5GXjVu83Qao/s1600/twitter.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Reddit'><img alt='Reddit' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX-mqZUX7DQAnehOd3eL_-UaweA7bYO5Vzxzz8A5I5WpZwiZrAtv1JhOJnEPx_gk8rMQG-YrAcwR90d6nage_eVkqkaPC0K4mZXJW5GfKrs2Sz6Tnopbbp82bX9IC-2igeYQ88JyyRXbas/s1600/reddit.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Facebook'><img alt='Facebook' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhthbkFsj_bONXTgyUdNd_A5PJyKQLPWIbp-YBhgAcWGNofsOlcgwB6XTzU2h6IZD0_n_dWdWyrAA9I-lfmQgjFb_cDFX9XJm-wUi3tVunoyyhDhMEGKmxPTrcx5P0a6YqollRc0UlkodZj/s1600/facebook.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Stumble'><img alt='Stumble' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwrhgS6X3CJjkuK3fyh5VGnvoJWV5s3xnjUuBrxEMlBAr-_n0UMphpyvJsbE0vFUylVHyjFQ30XXrvRZEhMqXaOJaZwfqxGfDz6oCsVKv72Po4D6RfGJ1SzzYKk6JILxpaCzgR_3nNKWUQ/s1600/stumbleupon.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

<a href='#nogo' target='_blank' title='Yahoo'><img alt='Yahoo' onmouseout='this.style.opacity=0.4;this.filters.alpha.opacity=40' onmouseover='this.style.opacity=1;this.filters.alpha.opacity=100' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcx1bQNhAOH0BQvUzGgYFH9r5GCU4ZoDqYtUBJYqUH3XiZdb7wYncDMsvRtWIJjqmHrBQq26Q8gn3kLQ_Qbdv96ig0rEZVKnQz-pbksbmNSLKJ3YzPPpmF1JbiiZvk1TR7nCIm1AmgYm4B/s1600/yahoo.png' style='opacity:0.4;filter:alpha(opacity=40)' width="72" height="72" border="0"/></a>

Before adding the above codes to your blog or website replace the Blue text in above codes with your feedburner link URL and the texts in Red with the bookmarking link of the respective social media networking service.

Icons credit goes to icons.mysitemyway.com