You can check a sample demo over here.
The icons basically start off with a vintage look and once you hover your mouse over them they become vivid with bright colors. Follow the instruction below to start using it to your blog.
- Go over to the ‘Design’ page of your Blogger dashboard
- Head on to the ‘Layout’ section and click on an ‘Add a Gadget’ button
- Select ‘HTML/JavaScript’ and then copy/paste the code below inside the content box
<a href=http://www.facebook.com/YOUR_FBNAME onmouseover= "if (document.images)
document.facebook.src= 'http://1.bp.blogspot.com/-23R7iMQYXos/TcCnWEQwPtI/AAAAAAAADlc/jGPp-
_QBi8Y/s1600/facebook.png';" onmouseout= "if (document.images) document.facebook.src=
'http://4.bp.blogspot.com/-OlVAPY5N4DU/TcCr-
NGtkrI/AAAAAAAADlw/TYJpdwMUpwU/s1600/facebook.png';"><img
src="http://4.bp.blogspot.com/-OlVAPY5N4DU/TcCr-
NGtkrI/AAAAAAAADlw/TYJpdwMUpwU/s1600/facebook.png" name="facebook" border="0" width="64"
height="82"/></a>
<a href=http://twitter.com/YOUR_TWITTERNAME onmouseover= "if (document.images)
document.twitter.src= 'http://2.bp.blogspot.com/-QBSeBdg2pn8/TcCqOfT-
6SI/AAAAAAAADlo/ks47LssGaRs/s320/twitter.png';" onmouseout= "if (document.images)
document.twitter.src= 'http://2.bp.blogspot.com/-
zpBYTS7b0Kw/TcCsDEBdHqI/AAAAAAAADl4/j3TvkL4luC0/s1600/twitter.png';"><img
src="http://2.bp.blogspot.com/-
zpBYTS7b0Kw/TcCsDEBdHqI/AAAAAAAADl4/j3TvkL4luC0/s1600/twitter.png" name="twitter" border="0"
width="64" height="82"/></a>
<a href=http://feeds.feedburner.com/YOUR_FEED onmouseover= "if (document.images)
document.rss.src= 'http://2.bp.blogspot.com/-SJF6UBDPtmU/TcCnWl9-
gaI/AAAAAAAADlg/NVgsWS3Kefk/s1600/rss.png';" onmouseout= "if (document.images)
document.rss.src= 'http://1.bp.blogspot.com/-
34I9Zv8nr0k/TcCsCJjlt3I/AAAAAAAADl0/Hmioi9iUEnU/s1600/rss.png';"><img
src="http://1.bp.blogspot.com/-
34I9Zv8nr0k/TcCsCJjlt3I/AAAAAAAADl0/Hmioi9iUEnU/s1600/rss.png" name="rss" border="0"
width="64" height="82"/></a><br/><a href="http://www.bloggersblogspot.org"
target="_blank"><small>Blog Gadgets</small></a>
NOTE: Don’t forget to change the all the necessary values (URLs) accordingly.4. Save the widget, and you’re done!
0 comments:
Post a Comment