Saturday, February 5, 2011

How To Add a Facebook "Like" Button After Each Post on Blogger

Here's what you do:

  • Go to the "Design" tab under your Blogger Dashboard.
  • Click on the little words beneath the tabs that says "Edit HTML".
  • Above the html box, click the box that says "Expand Widget Template".
  • Go to your browser "EDIT" button at the top and go to "FIND"
  • In the FIND box at the bottom of your browser screen type in:  <data:post.body/>
  • Click the "Next" arrow next to the FIND box.
  • Right after <data:post.body/> add the following (Put a return or two after it so that you can see it easier in the Template box -- you can just copy and paste this from here):

<!-- Facebook Like button Start -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div style='float:left;padding:5px 5px 5px 0;'>
<iframe allowTransparency='true' expr:src='&quot;; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=35&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:35px;'/>
<!-- Facebook Like button End -->

That's it!  You should see the "Like" button under every post, like the one after this post.  If you find you don't like it, you can just reset the template by clicking on "Revert widget templates to default" beneath the template box.

Best Blogger Tips
  • Share On Facebook
  • Digg This Post
  • Stumble This Post
  • Tweet This Post
  • Save Tis Post To Delicious
  • Float This Post
  • Share On Reddit
  • Bookmark On Technorati
Blog Bookmark Gadgets


Post a Comment