Sunday, August 12, 2012

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/AVvXsEgwOcVkLy8SSNvj-fX46vJ9hB_YjYeIXCYrB_-3rvJVMTYXFK5_Fu4yFsqjiHaeX92pY7sN6J39n2mdKq5D_YpJ-1CdWx6BqM5OqgjE1rjZz4rlKY_7iV1xEFjEgUCPs7o-EPHyOxcwe-w/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/AVvXsEjiG0swDN-j66lGaZfHaCMAJxeA6xOWnQh4gTMIbNH3-DEHW7Z8qj-xKX7BdNtRNGH4DeFbqxOlPcOLNLa9aAGPVDgxdtckoyJ_KMQwO16p4yAWrbt1DmEXptcH7hjkBVYXuupUJ-5_gVc/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/AVvXsEi-NR6-pKCG-ulXyZoy-6VzM2OgmI2rSa3eiwtCbENRK-bteyavlimodg1HCNyMkgOz3yRkiaK3E1YfwCJ7EUMkr1yKHCK8pJCZcQn2dRzG55URaqxhLHG3wOfMi27sO6dBLx-xr8Eh90w/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/AVvXsEhMdoisNmRI-TuzuRHN_WaJZslVr__O_QRn6Siq2Dpx42Nbi3dCBzUvQuYBleEQazHAlppzbDpTmOdxifIxbHQr7cewEh1AaeE4vDEf09shXrqJ_TB6yB0YuuS6VrtEI7iCE5kEp7XtrrQ/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.

No comments:

Post a Comment