Thursday, June 16, 2011

How to add floating social subscribe buttons for blogger

This is a cool unique subscribe gadget with nice buttons.
Add to your blog and make it attractive.

 subscribe, facebook, twitter,feedburner, buttons

1. Log in to blogger and Go to  Design >> Page Element.

2. Click Add Gadget and select 'HTML/Javascript'

3.Paste below code.

<div style='position: fixed; bottom: 1%; right: 1%;'>
<table border="0"><tr><td>
<a href='facebook profile url' target="_blank"><img alt="Find Us On Facebook" border="0"style='background:transparent;border:none;' title='like us on facebook' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB34947hkMwauiTV-U2QcBgxjGeZ3jsw-YFbrCR-x9hOspXDoNL5u2Qe7-1mQfVPAcwMDeV1r74qGDVoT8hdN9tZLgmuvOk38OLx2Hzea6tQzeSGRk56nbxMSjfBUVd-6ExHWS-jFcq3Q/s1600/facebook-icon.png" /></a>
<a href='http://twitter.com/your twitter username' target="_blank"><img alt="Follow Us On Twitter" border="0"style='background:transparent;border:none;' title='follow us on twitter' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwxxvEi91ThswHsj5RZi_2Gb5zxUMsJS3Zk7ahQcYJbHPwqVX_nGI-D03_52A6X3EPMG3NYzEey_zvvywr87BMdYQkm-X7fFQzS8VpEznHOL6FxWofiAVjzCmeryeqtGKHK3ruFHiBsKM/s1600/twitter-icon.png" /></a>
<a href="http://feeds.feedburner.com/YOURFEEDNAME" target="_blank"><img alt="Rss Feed Options" border="0"style='background:transparent;border:none;' title='subscribe us' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Fe-QdTnaCl1A-fCtRRVQ2_aKsms5J7V2RXgzaGvSpqQbUKvF8Yjcs7mJqG9oKY79sImh0filCwV-Y8QL5NZOFbdECXWDKAhvzOYh54S-ScdaVz_mOdzFjKRfW7rEDMGE7Pwk_P6Nsvg/s1600/rss-icon.png" /></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=yourfeedname&loc=en_us' target="_blank"><img alt="Subscribe Via Email Rss" border="0" style='background:transparent;border:none;' title=' email subscribe'src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjPMh480HFyhUU7a0UlSrXhglcsDioGxv7YdvANhMdAXYoKwQ4So2JzBcdFJkNVoR9jAxUN5WTSR8fpn1atvm43nGcvOtWmORk8XOa17-CtldFeABTJ0FgHFC5tKoKjm8pKWRkI6MY5_g/s1600/rss-mail.png" /></a>
</td><td>
</td></tr></table>
<div style="clear: both;font-size: 8px;text-align:center;margin-top:-10px;"><a href="http://ehowportal.blogspot.com/2011/05/how-to-add-floating-social-media.html"><p>Get this</p></a></div>

</div>

* Repalce  facebook profile url with your URL
* Repalce  your twitter username with your URL
* Replace YOURFEEDNAME  with your feed name
* Replace yourfeedname  with your feed name

4. Now save your HTML/Javascript'.

you are done.

6 comments:

  1. Thanks! Will try this one! ;) I like that share buttons that I see on Mashable. They float on the left area beside the post.

    ReplyDelete
  2. Nice Widget Really.. Looks Awesome.. I added one SMS Icon too.. Do Check it out

    ReplyDelete
  3. Good one .... keep the good work up .... thanks a lot ......

    ReplyDelete