Add floating Facebook, Twitter and Rss buttons to Blogger

Friday, April 08, 2011

This tutorial will show you how to add floating cool and funky Facebook, Twitter and Rss buttons to Blogger just like you are seeing at left side of this blog. If you want to have floating share button to your blogspot, then read that guide here. Its very easy and will get buttons on your blog in a blink of an eye. So let's move on
Go to you blogger Dashboard>>Design>>Edit HTML
Tick "Expand Widget Templates"
Look for </body> tag in your template. [Tip: You can search for this code by pressing CTRL + F on your keyboard]

Now just above/before </body> paste the following code

<a href='http://www.facebook.com/your-facebook-page-here' style='bottom: 510px; display: scroll; left: 4px; position: fixed;' target='_blank' title='Join us on Facebook'><img border='0' src='http://3.bp.blogspot.com/-t-qbS5h-FLs/TZ7QawwXIdI/AAAAAAAABbI/M299XZ2RWow/s320/facebook-handdrawn-48x48.png'/></a>

<a href='http://twitter.com/your-twitter-id-here' style='display:scroll; position:fixed; bottom:550px; left:4px;' target='_blank' title='Follow us on Twitter'><img border='0' src='http://1.bp.blogspot.com/-OAr1e8cdn-w/TZ7QaubiSII/AAAAAAAABbA/HkwrrEkNJC0/s320/twitter.png'/></a> 
<a href='your-rss-feed-url-here' style='display:scroll; position:fixed; bottom:470px; left:4px;' target='_blank' title='Subscribe Rss Feed'><img border='0' src='http://2.bp.blogspot.com/-Dts0tyCz6UU/TZ7QbHxx42I/AAAAAAAABbQ/93kSKYw9ysc/s320/Chrome-Delicious-48.png'/></a>

Simply replace green lines in the above code with the url's of your Facebook, twitter and rss feed. That's it

You can follow us on Twitter or Join us on Facebook to receive all updates . . .




Share your views...

0 Respones to "Add floating Facebook, Twitter and Rss buttons to Blogger"

Post a Comment

 

Connect with us

Followers

© 2010 - 2017 theinfoW.com All Rights Reserved | Contact Us | About Us | Privacy Policy | Terms of Use |