Add floating Facebook, Twitter and Rss buttons to Blogger

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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz56P8CKdyXpOXUTBZritw7kLvYWbON3H9Ne3om6mbbFpcWiTx1w1Ha-zp_kayHx77-xJPxW83KZNvhrHiNiDgWcrIJj3cU-_rXLLGmr3YXNhTaDadCmefElcdCWqWi0AR8eaGnKekifI/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3LV8mhs78RULgBnxSCeaGOzy4LonqVr6d0wulGxKjnjz2gYmUrUNdTY-a2HGUu2ryDr6VyDyPvG9IfL1kpiHZeSPJ5KySkf-sg8SuJbvFZhk-5oixsCr7pfGNOy1kvdg610uMRanTyE0/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMBuegOTUOQx5lYMH5-leVtkHh9j8YMBrdJu2etNXdU4W4QgOC1OoIILuW3y6EukSCe8YehYIl_PLB_T69nT2XyRH45fEqrXc6xtIEJDxnefSblDF9lAtXcWxzkyNBBYkDCyc1P95Z5cU/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

Share on...