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):
<br/>
<br/>

<!-- 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;http://www.facebook.com/plugins/like.php?href=&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;'/>
</div>
</b:if>
<!-- 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.







Get this GADGET






T.K. Goforth is a musician and author of the well-received book "Chord Piano is Fun!" She also writes a music blog called "Chord Piano Chick's Mostly Musical Musings.
Chord Piano Is Fun

0 comments:

T.K. Goforth is a musician and author of the well-received book "Chord Piano is Fun!" She also writes a music blog called "Chord Piano Chick's Mostly Musical Musings.