How to Add Facebook Like Button to Blogger

Facebook Like button allows your visitors to share your blog posts with their friends. Blogger template already has a sharing set of icons but with this button they will be able to share with just one click.  And isn’t it nicer to see the word “like”?

Just to remind you; you can download your template as backup before you start or you can set your template to default settings to clean all your adjustments if something seems wrong after you paste the codes. But even if you don’t know about coding, it is so simple. You will just copy and paste some codes and I am here if you have any problem.

Here we go,

1) Log in to Blogger and from the dashboard, go to Template tab.

2) Click “Edit HTML” and check “Expand Widget Templates”.

3) Press CTRL + F and Find <data:post.body/> (you will see two of them, select the first one) add the below code after it.

• If you want it to appear on all pages (posts, home page, static pages), then take the green text only,
• if you don’t want it on static pages add the blue text to the green one
• and if you want it just on posts  copy “green+pink codes”.

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

<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>

<div style=’float: none;’>
<iframe allowTransparency=’true’ expr:src=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.canonicalUrl + &quot;&amp;send=false&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=35&quot;’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:450px; height:35px;’/>
</div>

</b:if>

</b:if>

4) Save your template.

Now you have an additional Facebook Like Button that people can use to show their love for your blogger posts!

Cheers! ^^