How to add facebook like button

FACEBOOK like button is a powerful tool for sharing content. It enables your readers to share your posts with their friends, with just a simple click. Follow these few steps to add facebook like button to each of your blog post.

STEPS to add facebook like button

1. Backup your template
2. Go to Template > Edit HTML > Proceed
3. Tick Expand Widget Templates
4. Look for <data:post.body/> in your HTML code
5. Add the code below, before or after that line

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left;padding:2px 2px 2px 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;width0&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>

6. Configure your like button

layout (standard, button_count, box_count),
width, height,
action (like, recommend),
font,
colorscheme (light, dark)

7. Remove the conditional tags in blue, if you want to display the like button on static pages
8. Click Preview then Save template

0 comments:

Post a Comment

ShareThis