Facebook Like Button For Blogger - i Love Tech

Learn Share and Grow Together.

Friday, January 6, 2012

Facebook Like Button For Blogger

How to Add the Facebook Like Button Below every Post
  • Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says “Expand Widget Templates” 
  • Look for <data:post.body> and immediately after that place the following code: 

<div> 
<fb:like expr:href="data:post.url" layout='standard' 
send='true' show_faces='false' font="arial" action="like" 
colorscheme="light"></fb:like> 
</div>

Now look for </head>
and immediately above that paste the following code

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


(Note: you don't have to add this if you have already added this code for some other Facebook widget) 

Save the template and you should see the Like Button near each of your posts. You are done :)

No comments:

Post a Comment

Important - Make sure to click the "Subscribe By Email" link below the comment for to be notified of follow up comments.