Searching...
Saturday 15 December 2012

Add Floating Social Subscribe Buttons to Blogger

Floating Social Subscribe Buttons are very useful and cool to add to your blogger. The social button will appear on the right-down side of your screen. Its function is that when ever you scroll down a page, it will also automatically scroll down by itself. It's another MUST HAVE blogger gadget.

Check out the image below and the LIVE DEMO


Add Floating Social Subscribe Buttons to Blogger

Follow steps below to Install this Widget:
1) Log on to Blogger.com
2) Go to Design >> Page Element
3) Next ADD a Gadget.
4) Scroll down gadget list and select 'HTML/Javascript'
5) Copy the Following Code Below:



<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="http://3.bp.blogspot.com/-nKHgJVodRHU/Tfml-Ug-jJI/AAAAAAAAATg/LQtsSCTrf9M/s1600/facebook-icon.png" /></a>
<a href='http://twitter.com/TWITTER USERNAME' target="_blank"><img alt="Follow Us On Twitter"
border="0"style='background:transparent;border:none;' title='follow us on twitter' src="http://2.bp.blogspot.com/-WIAlw6PxXBA/TfmmiU6tYrI/AAAAAAAAATo/fOx9pdanDVo/s1600/twitter-icon.png" /></a>
<a href="http://feeds.feedburner.com/FEED NAME" target="_blank"><img alt="Rss Feed Options"
border="0"style='background:transparent;border:none;' title='subscribe us' src="http://2.bp.blogspot.com/-FvrOQNuGUQI/Tfmm2ZVVRAI/AAAAAAAAATw/9Zmy123uCZA/s1600/rss-icon.png" /></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=FEED NAME2&loc=en_us' target="_blank"><img alt="Subscribe Via Email Rss"
border="0" style='background:transparent;border:none;' title=' email subscribe'src="http://4.bp.blogspot.com/-WrDypC0Ot5s/TfmViMlMS1I/AAAAAAAAATY/8Rp7MK0FIWc/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://www.rnhckr.com"><p>Get this</p>
</a></div>
</div>

6) Now you just have to replace the following with your needs:
Replace FACEBOOK PROFILE URL with your Facebook Profile
Replace TWITTER USERNAME with your Twitter Username
Replace FEED NAME with your Feed Burner Feed

0 comments:

Post a Comment