Breaking News
Loading...
Tuesday 21 May 2013

Add Floating Social Subscribe Buttons to Blogger

Floating Social Subscribe Buttons area unit very helpful and cool to feature to your blogger. The social button can seem on the right-down side of your screen. Its perform is that once ever you scroll down a page, it'll additionally automatically scroll down by itself. It's another should 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-q433yAkdOV_mk0QTQy7zYsYOt9EI1KXi3mkTlGs6GhrA7n6celxbLdnWyi_s9pUdsbBUztTDNZj-dumR4clA_Ce0BBQwoeRdO3GoZPcPtAN5JHn_Y1NCMRgHGrz9KU9zlxKkDCMr7fk/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv60uXDF2mvMNPUwb3-DWVHXwZq_VL5Bn1tmdHSv1mbL7nCLewwPI3iuwsztvd5H9XxjLehGec85Omq-tovfrr2huL10hw8n1P-nliF3AgH6WZXgtAiZN99hCCWc_xM2gYGYCT1C1VX6M/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisBvgimgBsnrwA7XnrRo2_ZRznDLMTqNWOMNl3_vI6mir9Bi3pqPMQiC70TIXgAKzQa0Bx5Aam4pS78XTiqNK9xsSvfF7alDHyuxJ5yPm91TnaQB9Fz1vV6gdWiau1Pl-ZJHAOlsJUmto/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBip4j4S620C8Mv1w5X_xaAANZYUH8_SMQq0Kt88nZeZtbsJFIeZz1BUMrFx_FQEPTK9OloqKRB2XHpqf6iXoY5z43ZUWy0bJqPCvYvzHy61xmOW7W6MZSCK4L4j5TPsR4ygmzmOtp3HU/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

 
Toggle Footer