Subscribe via RSS Feed

Facebook Like Button for Blogger

Blogger tutorial : Facebook Like Button for Blogger

How to add Facebook Like Button for Blogger? Many get this wrong when put Like box but not the Like Button in the entry. It should be the Like Button for every entry in Blogger in order to enable the visitors to boost the blog traffic using the proper inserted Like Button.

From my personal experience, Facebook give most traffic than others social bookmark (like twitter, digg, google+ etc) so the Like Button is an essential thing for every of my other blogs.

Facebook Like Button for Blogger

This is the default version which installed by most of the blogger.

Step 1 : Select and generate code using the form prepare below :

<div style=’float:none’>
<b:if cond=’data:post.isFirstPost’>
<script>(function(d){
  var js, id = ‘facebook-jssdk’;
  if (d.getElementById(id)) {return;}
  js = d.createElement(‘script’); js.id = id; js.async = true;
  js.src = “//connect.facebook.net/en_US/all.js#xfbml=1″;
  d.getElementsByTagName(‘head’)[0].appendChild(js);
}(document));</script>
</b:if>
<fb:like expr:href=”data:post.url” layout=’standard’ send=’true’ show_faces=’false’ font=”arial” action=”like” colorscheme=”light”></fb:like>
</div>

Step 2. Copy the code above. Go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”.

Step 3. Find <data:post.body/> and place the copied code below or above of it. (Above – if you want the Facebook like button appear before the post ; Below – if you want the Facebook like button appear after the post.)

Step 4. Copy this code : xmlns:fb=”https://www.facebook.com/2008/fbml” and paste it right after <html.

 
It will look like this: 
<html xmlns:fb=https://www.facebook.com/2008/fbml

Facebook Like Button for Blogger

6. Now Save the template you’re done! Check your facebook like button work like a charm in every single of post!

 
If you find this entry is useful, don’t hesitate to like this entry, Facebook Like Button for Blogger to share with more audience thanks!
 

Category: blogspot tutorials