How To Add Facebook Like Button To Blogspot

The Facebook like button is probably the most important and the most used social button on the world wide web today. So why not add it to your blogger blogs. It’s simple. Here’s how:

NOTE: This will display the like and send buttons (standard) on the homepage and post pages only.


The Code:
<b:if cond='data:blog.pageType != "static_page"'><br /> <div style='padding: 10px 0px 0px 0px;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='200'/> </div></b:if>

Step 1:
Sign in to your Blogger > Dashboard > your blog’s Design > Edit HTML, and check “Expand Widget Templates”

Step 2:
Find this line of code inside the template box:
<data:post.body/>

Step 3:
Then paste the Facebook like button code just right below that line, so that it would look like this:
<data:post.body/><b:if cond='data:blog.pageType != "static_page"'><br /> <div style='padding: 10px 0px 0px 0px;'><div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='200'/> </div></b:if>

Click SAVE TEMPLATE. That’s it!