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 1Sign 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 2Click 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 3Go to the “Edit
Template” section. Click and enable the “Expand Widget Templates” check
box t
o display your blog template’s complete HTML design code.
Step 4Find the
“<data:post.body/>” HTML code tag in the HTML input box. To save
scrolling through hundreds of lines of code, press “F3” on your computer
keyboard to open the browser’s page search function. Enter the code tag
into the search box to quickly find the correct code.
Step 5Paste 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 +
"&send=false&layout=standard&show_faces=false&width=450&action=like&font=arial&colorscheme=light&height=35"'
frameborder='0' scrolling='no' style='border:none; overflow:hidden;
width:450px; height:35px;'/>
</b:if>
Step 6Scroll 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.
