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>
or
<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); 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.
<div class="fb-follow" data-href="https://www.facebook.com/pages/NoxdoBlogspotCom/134633026731969" data-width="450" data-show-faces="true"></div>
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.

0 nhận xét:

Đăng nhận xét