29 March 2013

How To Add Facebook Follow Button To Your Blog

Facebook Follow Button Follow Button Is Simply A Subscription Button. Which Is Created By Facebook Developers. By Clicking On This Button. Peoples Can Follow Your Public Updates On Facebook. Which You Share On Your Profile As Public. This Is Best For Blogger's And Also For Those Peoples Who Want To Receive Updates From You. If You Want To Increase Rankings Of Your Blog. Then Always Make Subscription Easy On Your Blog. You Might Have Liked Other Facebook Widgets. Such As Facebook Like Box, Activity Feed And Other Facebook Plugins. We Have Share Some Tutorials On Them. In This Tutorial, We Are Going To Learn. How To Add Facebook Follow/Subscription Button On Your Blog.

How To Add Follow Button To Your Blog

Add Follow Button To Increase Readers Of Your Blog. Increase Traffic. Increase Rankings. Its Easy To Add This Widget To Your Blog. Just Follow Simple Steps Below.

  1. Go To Blogger > Template.
  2. Download Backup.

  3. Note: If You Have Already Following Javascript Code Inside Your Template. Then Skip Step 3,4,5.

  4. Now Find <body>.
  1. Just Below It Paste Following Code.
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=Your-AppID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Make Following Changings:

  • Replace Your-AppID With Your AppID Key. If You Dont Know What Is AppID And Want To Know. How To Get AppID. Then Read Following Article.
  • How To Get AppID?

  1. Save Your Template.
  2. Now Go To Layout > Add a Gadget.
  3. Select Html/Javascript.
  4. Paste Following Code Inside It.
<div class="fb-follow" data-href="https://www.facebook.com/assees.ahmed" data-show-faces="true" data-width="450"></div>

Make Following Changings:

  • Replace https://www.facebook.com/assees.ahmed With Your Facebook Profile Link.
  • Optional: Change width=" 450" As You Want.

  1. Save It & You Are Done!

You Have Successfully Added Follow Button To Your Blog. Visit Your Blog To See Changings. Now Readers Of Your Blog Can Easily Follow You And Can Easily Receive Updates From You. You Can Drag That Widget Anywhere In Layout. Where You Want To Show. Its Better That You Add It Just Above Post Body.


  1. Adding social media button in our website and blog is very important to improve our website traffic as well as our company brand through social media promotions.
    Web Design Company | Website Designing Company in India

  2. Thanks for sharing ideas and thought,I like the right and bright things in your blog and would bookmark this blog for further use.Web Development Company Bangalore| Web Design Companies Bangalore|

  3. i would like to thank for sharing the useful message about social media networking its really very nice information..

    Web Design Services Bangalore | Web Development Services Bangalore


Your Reviews About This Post