This is a tutorial to add Facebook Like Button to your Blogger posts.
This is my second tutorial for adding Facebook Like button. If the other tutorial did not work for you then this is your solution. Because, if you are using a customized template or if you have made some customizations to your blog, you can see more than two of this code;
<data:post.body/> which you need for the first tutorial
Like my blog which has 4. So we need to look for another code*;
<div class='post-header-line-1'/>
And right after paste this code:
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
*Where you will look for the code that you will paste green code after?
- Log into your blogger account
- Go to Layout --> Edit Html.
- Check Expand Widget Templates box.
- Press Ctrl + F and then type <div class='post-header-line-1'/> into the box.
That's all! This is how I added it to my blog. Now your readers are free to like and share your blog entries on their Facebook Timelines with your new button!
0 comments:
Post a Comment