Add the Facebook Like Button Below every Post

posted by Hariom Sharan , on , No Comments
1. First Generate the Facebook code using the options below. (Code will be updated with these details)
Button Type
Text on Button
Show Send Button
Color Scheme
Font
Float
Location of the Button
Display
<div>
<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.canonicalUrl" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
</div>
2. Copy the Above code. Login to your Blogger Account and go to Design > Edit HTMLand click on the check box which says “Expand Widget Templates”
3. Look for <data:post.body/> and immediately below that place the copied code.
4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find
<html
and change it to
<html xmlns:fb="https://www.facebook.com/2008/fbml"
The following screenshot will help you out.
Hariom Sharan

0 comments:

Post a Comment

Thanks for commenting