Dynamic Facebook Like Button for Blogger

miniram · 发表于 6-2-2012 08:40 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:

<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>

复制代码

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

xmlns:fb="https://www.facebook.com/2008/fbml"

复制代码

right after

<html

复制代码

.
It will look like this:

<html xmlns:fb="https://www.facebook.com/2008/fbml"

复制代码

6. Now Save the template and you should see the Like Button near each of your posts. You are done ^^

miniram · 发表于 8-2-2012 04:18 PM

updated。new edited interface

娃娃屋 · 发表于 15-5-2013 06:38 PM

Do you have any ideas to add facebook like box to a post?

		自动登录	找回密码
密码			注册

Dynamic Facebook Like Button for Blogger

所属分类: 电脑手机

浏览过的版块