How to Add Facebook Corner badge widget for blogs?

Social Network site Facebook has gaining its popularity and moving to Top position.  Facebook is playing a vital role in connecting people and sharing information with each other. Millions of people are daily updating their valuable information by means of images and other ways. Here, BlogTariff come up with another wonderful "Facebook Corner Badge widget" for blogs. By adding this widget can increase traffic via Facebook and boosts more likes on Blog Facebook page. This badge converts visitors/readers to join on Facebook. Let's begin the tutorial.

How to Add "Facebook Corner Badge Widget for blogger?

Sign into your blog account
Click on "Design (Layout in the new blogger interface) - Page elements"
Select "Add a Gadget"
Select "HTML/JavaScript" widget
Now Copy the below code and paste in it

<style type="text/css">
#facebook {position: fixed;top: 0;right: 0;z-index: 9997;cursor: pointer;}
</style>
<a target="_blank" id="facebook" href="http://www.facebook.com/blogtariffcom/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP_y53z36YKPTVZ3DsHQkFnx2lGYcCKYyipPaanEpotkzrw0GHQwe2e1jtRf0-5OTTN5GOjWcLpqp-3J4uiq8ZLR1ekEnxoDDXje_db4_8Bai10NjVW7FJx5qNhxQK4ixzAeLq6ReHQX_s/s300/blogtariff.com-JoinUsOnFacebook.png" alt="Join Me On Facebook" /></a>
  <div align='left'>
   <span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://www.blogtariff.com/' style='text-decoration: none;' target='_blank'><font color='red' decoration='none'>[Get this widget]</font></a></span>
  </div>

Customization

Replace "blogtariffcom" with your Facebook page name/ID as highlighted in Red Color.