How to add facebook like and send button in blogger template ?

To add facebook like and send button in blogger go to design ---> Edit HTML and click on Expand Widget Template now find

<data:post.body/>

and add following code right after that line of code.



<!-- Facebook Like+Send script Start -->
<b:if cond='data:post.isFirstPost'>
<div id='fb-root'/>
<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 = "http://connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
</b:if>
<!-- Facebook Like+Send script End -->
<!-- Facebook Like+Send button Start -->
<div style='float:left;padding:5px 5px 5px 0;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='standard' send='true' show_faces='false' width='450'/>
</div>
<!-- Facebook Like+Send button End --> 

0 comments: