How to Add Beautiful Facebook Follow Button on Your Blogger Site

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>

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); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  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.

Note:
>> Replace https://www.facebook.com/pages/NoxdoBlogspotCom 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.

Some Important Another Blogger Posts:
Jquery Stylish Featured Post Slideshow for Blogger/Blogspot Site
Add New Style Facebook Comments Box in Blogger Blogs
12 Stylish Beautiful Blogger/Blogspot Search Box

Post Tags:

Blogger Widgets

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.