Follow us on Facebook

Easiest Way to Display Facebook Like Button in Blogger / Blogspot ?


Facebook has developed many social plugins for blogs such as Comments, Fan page widget etc. "Facebook Like" widget is yet another plugin by Facebook. As almost every internet user is using Facebook so you can easily get Facebook Likes directly from your blog. This is kind of auto-marketing of your blog. All you have to do is generate a code and paste this in to your blog. Here is step by step guide to show Facebook Like button in blogger / blogspot.


How to Add the Facebook Like Button Below every Post


  • First of all, select suitable options and generate the code
  • Button Type:
  • Text on Button:
  • Show Send Button:
  • Color Scheme:
  • Font:
  • Float:
  • Button Location:
  • Display:
<div>
<fb:like expr:href="data:post.url" layout='standard' send='true'
show_faces='false' font="arial" action="like" colorscheme="light">
</fb:like>
</div>
  • Copy the Above code. Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says Expand Widget Templates.


  • Search <data:post.body/> and below that, paste the code you just generated above. 
  • Now search this code;
</head>
  • Just before this, paste below given code.
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>
  • Save Your template and you're done !

No comments:

Post a Comment

About

Followers

Like Us

Labels

Donate us For Furture