Top Menu

Friday, 6 January 2012

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.

6 comments:

Syed Tihaam Ahmad said...

nice article

Akhil Swatantra said...

really Nice I am Try This Its Working Thank You for Help me i am Also share Your Article With my Blog guests And Don't Worry i am Also Give Your Name Credit

Muhammad Irfan said...

Nice Post thanks for sharing this nice information.

காயல் இஸ்லாமிக் கம்யூணிகேஸன் said...

brother the send button does not work in my blog post y?

facebook like said...

Awesome tips. Thank you so much. I use your tips and done successfully.

Řïškÿ Mïñď said...

http://facebookcybertricks.blogspot.com/

Post a Comment

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:

Please do not spam. Spam comments will be deleted immediately upon our review.

Recommended Post Slide Out For Blogger