- 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/>
<!-- Facebook Like button Start -->
<b:if cond='data:blog.pageType != "static_page"'>
<div style='float:left;padding:5px 5px 5px 0;'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=true&width=450&action=like&font=verdana&colorscheme=light&height=35"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:150px;'/>
</div>
</b:if>
<!-- Facebook Like button End -->
If you don't want faces showing, then change the word "true" (highlighted) to "false". Also, you can adjust how many faces you see by adjusting the height (also highlighted).
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.
CHICKY GROOVY COOLNESS GADGET
