Monday 16 January 2012

add-hover-effect-follow-us-gadget-to-blog


Polaraid icons demo

Place Your Cursor Over The Icons.



Looks Great Huh !

Add The Vintage To New Polaroid Icons To Your Blog


The Code

This is just html so it will work in any part of your blog that allows it.I will show how to quickly add the icons to your Blogger sidebar below the code, if you have Wordpress or another blog platform add the code to a sidebar text/html widget.

<a href=http://www.facebook.com/spiceupyourblog onmouseover= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_My9JP2Tkr5sUh8o-3DmCgX03541mvSp30SltCJDSXsS7GoLETCPPLu4AYAOGHcz5ZBw73Sem3VLMBFJ9i_LDXnbrjFOSSB7BTuYqemTXp12SCMGhyLi-6KY0qzSPM15WHSNxq9aiyrrc/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiORSV2UgUdXHKcAxZRculPAdrtwYPx2Di89KAeQ7JbIPtZW2oDNZFXSUmzr2zBmBGMpyVdVDJkAD_0Q9GHraEFkoyp2jM1FJUha3cRFwyqpLyGIqDEj9f1g3NDBoWKm4xM-0_NgvrPd4Bs/s1600/facebook.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiORSV2UgUdXHKcAxZRculPAdrtwYPx2Di89KAeQ7JbIPtZW2oDNZFXSUmzr2zBmBGMpyVdVDJkAD_0Q9GHraEFkoyp2jM1FJUha3cRFwyqpLyGIqDEj9f1g3NDBoWKm4xM-0_NgvrPd4Bs/s1600/facebook.png" name="facebook" border="0" width="64" height="82"/></a>
<a href=http://twitter.com/paulcrowepro onmouseover= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnaQVMJ6-BCiCTlrbY3y6FohifN45_jlL3esSBBCwOoGSmBkPBS3H9_GWXEthBzLifzxB2AVJCJUgBBrhJCcoYD-lxd5jZ0mZgzxlP0YyloNNUG_CgZTlP06XAdTXr6P8KDzEhWluCeZff/s320/twitter.png';" onmouseout= "if (document.images) document.twitter.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWglHDSHXZKJK5dFa5tac33VNRzs7BZz0n4BMn3osD_Iw-cbwsev6kehmPmKkpGeGlYiWxQpT4lZKgIjrdiCVKmITyB2wW4vF49EOq7QuuaKURD-ImTimTtSzdZ3S0MK4NRr9_G_kvmxC/s1600/twitter.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCWglHDSHXZKJK5dFa5tac33VNRzs7BZz0n4BMn3osD_Iw-cbwsev6kehmPmKkpGeGlYiWxQpT4lZKgIjrdiCVKmITyB2wW4vF49EOq7QuuaKURD-ImTimTtSzdZ3S0MK4NRr9_G_kvmxC/s1600/twitter.png" name="twitter" border="0" width="64" height="82"/></a>
<a href=http://feeds.feedburner.com/spiceupyourblog onmouseover= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoRJ814lw3hXAUCiGcnK-V35xqv_K5eI4UdM-KQBn8fsscm90hnSs8_IvkC6sne8KdGTntfFFncUseD3oAFiDO3oP8zLfBf_oqBAJCXC8qHDEZucfcFyE-YquV4b0ScUXebtCU80EcoWAc/s1600/rss.png';" onmouseout= "if (document.images) document.rss.src= 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqnuBxGVF7KpQvx5YNqdgpfb3aRgjAQFbfe84_BfXJqqshoWVSOX5vTQ3PNIiRUbK_AVoXWkWUTMHc4AA1Z_eeA62v1coP_bkqLhzcMqbhhtJN_CGfBqwFeqcYs_8rN-cHfMZu7Vra-b5J/s1600/rss.png';"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqnuBxGVF7KpQvx5YNqdgpfb3aRgjAQFbfe84_BfXJqqshoWVSOX5vTQ3PNIiRUbK_AVoXWkWUTMHc4AA1Z_eeA62v1coP_bkqLhzcMqbhhtJN_CGfBqwFeqcYs_8rN-cHfMZu7Vra-b5J/s1600/rss.png" name="rss" border="0" width="64" height="82"/></a><br/><a href="http://www.spiceupyourblog.com" target="_blank"><small>Blog Gadgets</small></a>

Note - Replace the highlighted URLs with the URLs for your Facebook, Twitter and Rss Feed.

Add Icons To Blogger Sidebar


Step 1. In your Blogger dashboard click > Design > Add A Gadget > Choose Html/Javascript Gadget :








Step 2. Copy and Paste the following code into the html/javascript gadget and save.

0 comments:

Post a Comment