miniram
2012-2-6 08:49 PM
How to add Facebook like button on your blog post:
1. Use the configurator to customize your favorite Facebook like button. Go here to configure your code.
Default Code:复制代码2. Copy the code above. Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”.
3. Look for <data:post.body/> and place the copied code below or above of it.
*Above - if you want the Facebook like button appear before the post.
*Below - if you want the Facebook like button appear after the post.
4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find <html on the top of the template code.
5. Place复制代码right after复制代码.
It will look like this:复制代码6. Now Save the template and you should see the Like Button near each of your posts. You are done ^^
1. Use the configurator to customize your favorite Facebook like button. Go here to configure your code.
Default Code:
- <div style='float:left'>
- <b:if cond='data:post.isFirstPost'>
- <script>(function(d){
- var js, id = 'facebook-jssdk';
- if (d.getElementById(id)) {return;}
- js = d.createElement('script'); js.id = id; js.async = true;
- js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
- d.getElementsByTagName('head')[0].appendChild(js);
- }(document));</script>
- </b:if>
- <fb:like expr:href="data:post.url" layout='standard' send='true' show_faces='false' font="arial" action="like" colorscheme="light"></fb:like>
- </div>
3. Look for <data:post.body/> and place the copied code below or above of it.
*Above - if you want the Facebook like button appear before the post.
*Below - if you want the Facebook like button appear after the post.
4.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, find <html on the top of the template code.
5. Place
- xmlns:fb="https://www.facebook.com/2008/fbml"
- <html
It will look like this:
- <html xmlns:fb="https://www.facebook.com/2008/fbml"
