image



This next featured Blogger widget comes from Aseem Pahwa of Blogger Blogspot. It’s a nice subscription widget that’s composed of three cool Polaroid picture -inspired icons (for RSS feed, Facebook, and Twitter) combined with a rollover effect.
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.
  1. Go over to the ‘Design’ page of your Blogger dashboard
  2. Head on to the ‘Layout’ section and click on an ‘Add a Gadget’ button
  3. 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

 
Top