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

  4. I Never Beleived in Chester Brian Loan Company Until now.....(Brianloancompany@yahoo.com)
    Hello All, I was really so downcast after losing so much and facing financial difficulties, no one to help me and all i could do was to just seat and watch my business going down and almost losing my son to an illness. But never the less i meet an old college mate who told me about the loan he got from Chester Brian Loan Company and until now the company have assisted so many of his friends seeking a loan. So i told him that getting a loan any more is not my style because of the disappointment from my bank and other loan company i trusted but he insisted i apply for it and now i can now boost of restoring my company back to its full glory. i will keep on testifying on behalf of Chester Brain Loan because they have made me to be a man again. So if interested in acquiring a loan of any kind email them today via: {Brianloancompany@yahoo.com } OR text (803) 373-2162 .Am Harvey Lee from United States of America.

  5. Hello Assees,

    I have followed all of your instruction above, but still not appear on my blog.

    Did this technique still working now ?


  6. Amazing post. I really appreciate your efforts. I haven’t use such software yet but will look into it soon.
    Website Design and Development Companies in Bangalore
    ECommerce Web Design Company in bangalore

  7. Hi,

    Thanks for sharing a very interesting article about How To Add Facebook Follow Button To Your Blog. This is very useful information for online blog review readers. Keep it up such a nice posting like this.

    Maestro Infotech,
    Web Design Company Bangalore


Your Reviews About This Post