You are here:Home » Blogger Guide » Facebook Like Button for Bloggers.

Facebook Like Button for Bloggers.

Facebook Like Button for Bloggers.

  1. Go to Blogger.
  2. Now Template.
  3. Click on Edit HTML. 
  4. Find the <body> tag and paste the below code after/below the <body> tag. 
  5. Now save your template.
<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>
  1. To add plugin code must read how to add third party widget to your blog.
  2. Now copy the below code and follow the instructions of How to add third party widget to your blog.

<div class="fb-like" data-href="Facebook Page-URL" 
data-width="300" data-layout="standard" data-action="like" 
data-show-faces="true" data-share="true"></div>
Note: Change the text which is hilited by Yellow color. 
Note: You can change the size of widget by changing the value of data-width="300".
Note: You can change the layout of Facebook Like Button by changing- 

  • standard to box_count.
  • standard to button_count.
  • standart to button.

0 comments:

Post a Comment