Add Facebook Like and Send Buttons Under Posts in Blogger

Hello everybody! Today i will tell you about Facebook Like and Send button. I will also tell you that how to add Facebook Like and Send buttons to your Blog only under posts. Facebook as a way to "give positive feedback and connect with things you care about," users can "like" status updates, comments, photos, and links posted by their friends, as well as adverts, by clicking the "Like" button at the bottom of the content. This makes the content appear in their friends' News feeds.
The "Like Button" is also available for use on websites outside Facebook: "When the user clicks the Like button on a site, a story appears in the user's friends' News Feed with a link back to the website
." At the same time when any visitor, including non Facebook members and logged out users, visit a site with the Like Button, their presence on the site is recorded by Facebook. Now i will teach you that How to add Like and Send buttons below post titles under the posts. Below are some steps for doing that.

Warning :Before you apply any changes in your Blog template, I encourage you to backup your Template by clicking Download Full Template 

Adding buttons to your Blog

  � Login to Blogger account.
  � Go to Dashboard--->Design--->Edit Html.
  � Check Expand Widegets Elements.
  � Now find below code.

       <data:post.body/>

 � Paste the following code Before it

 <!-- Facebook Like+Send button Start HamzaNetwork --> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like action='like'     colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'     width='450'/>             <!-- Facebook Like+Send button End HamzaNetwork -->

   After pasting this code, Facebook Like and Send button will appear under the post titles on the Home page of your blog. If you want to keep Buttons on First or Home page then click on Save template.

 

Appear buttons only under posts

  � If you want to make the buttons only appear inside your posts and not on your blog pages,
  put the following codes above and after the button codes.

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

                    Button code Here

         </b:if>    

 Now you have Done.

Change Like to Recommended

� Find the following part in button code.

  action='like'

 � Change it to

  action='Recommended'  

Hide who Liked and Show only the Numbers of Likes

� Find the following part in button code.

 layout='Standard'

� Change it with

 layout='button_count'

Change Style of buttons

 � If you want to change style from light to dark then find the following code

 colorscheme='light' 

 � Change it with

  colorscheme='dark' 

   Now you have done all customization. If you want to ask anything about this Topic then ask in comments.

Share this :

• Digg
• Linkedin
• Stumbleupon
• Delicious
• Tumblr
• BufferApp
• Pocket
• Evernote