Add Facebook Send Button To Blogger And Wordpress Blogs

Facebook had added "Send Button" by which you can share content to your friends in facebook. You must like this feature and must want to add this to uour blog . So lets start its just 4 steps tutorial :--

For Blogger

1) Open Blogger Dashboard >> Design >> Edit Html

2) Click on Expand Widget Templates

3) If you want to place Send Button on the top of posts then find this code by pressing ctrl+f

      <div class='post-header-line-1'>

If you cant find that look for this :

    <div class='post-header-line-1'/>

4) Paste this code below this

  <div id='fb-root'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<fb:like expr:href='data:post.url' send='true' show_faces='false' width='450'>

</fb:like><a href="http://www.jasica.in"><img alt="Best Blog Tips" src="http://img1.blogblog.com/img/blank.gif"/></a>

Note:- If you want to place Send Button on the bottom of posts then 

3) find this code by pressing ctrl+f

       <div class='post-footer'>

Or Alternatively

    <data:post.body/>

4) Paste this code below this

  <div id='fb-root'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<fb:like expr:href='data:post.url' send='true' show_faces='false' width='450'>

</fb:like><a href="http://www.jasica.in"><img alt="Best Blog Tips" src="http://img1.blogblog.com/img/blank.gif"/></a>

For Wordpress

Add new Facebook Send button to your WordPress blog -

    Do to your Dashboard.
    Go to Appearance and click Editor.
    Now on right side search for Single Post (single.php)
    There search for <div class=”entry”>
    Just below to it, type in below code - 

<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450" send="true">
</fb:like>