How to Add Beautiful Facebook Follow Button on Your Blogger Site

By Md Asak Mia Saturday, 7 September 2013
Facebook is the best social website in the world. Many times we used Facebook Fanpage like box on our website. Now in this tutorial we know that how to add Beautiful Facebook follow button on our blogger site. It is very important for blogs and personal sites. So let's start our journey to add this.

How to Add Facebook Follow Button:

1) First login your Blogger account.
2) Then click on the Template.
3) Click on Edit HTML.
4) Click on Format template.
5) Now click Ctrl+F from the keyboard.
6) Search the following code..
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
7) Copy following code and paste after the above 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); = id;
  js.src = "//";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
8) Click on Save template.
9) Now click on Layout from the left side.
10) Click on Add a Gadget.
11) Scrolling your mouse then click on HTML/JavaScript.
12) Now copy following code and paste into the HTML/JavaScript box.
<div class="fb-follow" data-href="" data-width="450" data-show-faces="true"></div>
>> Replace with your Facebook profile or fan page url.
>> Replace width 450 as you like.
>> If you want to hide the profile photo below the button replace true with false.
13) After completing click on Save and see your zigzag site.
Jillur Rahman

I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.

1 comment to ''How to Add Beautiful Facebook Follow Button on Your Blogger Site"

  1. I was really starting to feel hopeless when I found your post. Thank you so much for helping me resolve my issue.