How to Make Every Post on Blogger Have a Facebook Like Button

Adding a Facebook Like button to your Blogger website lets readers share your content with their Facebook friends. Clicking the Like button posts a link to your blog post on the visitor’s Facebook wall and news feed.

Blogger doesn’t offer a Facebook Like button widget, but you can add the Like feature to each blog post by pasting the Like button code into your blog’s template.

Step 1
Sign in to your Blogger account. Scroll to the blog to which you want to add the Facebook Like button in the lists of blogs displayed on the Blogger Dashboard page.

 

Step 2
Click the “Design” tab under the blog’s title. Click the “Edit HTML” tab in the Design submenu at the top of the Add and Arrange Page Elements page.

 

Step 3
Go to the “Edit Template” section. Click and enable the “Expand Widget Templates” check box to display your blog template’s complete HTML design code.

 

Step 4
Use CNTRL F and find the “<data:post.body/>” HTML code tag in the HTML input box.  Enter the code tag into the search box to quickly find the correct code.

 

Step 5
Paste the following Facebook Like button code snippet immediately before the “<data:post.body/>” tag: <b:if cond='data:blog.pageType != "static_page"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&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"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/> </b:if>

 

Step 6
Scroll to the bottom of the page, and then click “Save Template.” Blogger saves the edited template and adds the Facebook Like button to all blog posts.