【教学】如何在部落格增加Facebook like的功能(3)–显示头像+For Textcube
在过去的两篇文章:
提到了如何在Blog里增加Facebook Like的这项功能,很多网友也依据所教的方式去进行了,而且都没有问题,总算小有满足。
可惜的是
1)之前这个Like的功能稍微有点不够完整,就是无法显示出“like”的人到底有谁。
[#M_ more.. | less.. |
————————

———————–
如果目前你的部落本身并没有显示出图像的话,那就照着这个步骤去做哦
(注:以下步骤是For已经有添加facebook like功能的Blogspot博客)
1)打开Edit HTML界面
2)勾选Expand widget
3)用Ctrl + F,查找这段代码:
<div><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:27px;'/></div>
4)把以上3)找出的代码全选,然后删除
5)复制以下代码,然后粘贴在刚刚删除旧Facebook like的位置。
<div><iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=true&width=100&action=like&font=arial&colorscheme=light"’ frameborder=’0′ scrolling=’no’ style=’border:none; overflow:hidden; width:400px; height:67px;’/></div>
6)插入了我新给你们的这段代码后,应该就可以看见like你的人的头像了。
By
传说中最帅的电脑老师
======================================
注2:如果like的人并不在你的friend list里,则不会显示。
_M#]
2)然后呢,Blogspot更改模板后无法使用like的问题在(2)那篇已经解决了,剩下的另外一个问题就是Textcube用户的问题。如果照着第一篇,其实是很容易的,可是呢,很多人遇上了问题:
A)Blog Services Provider (例如Ifublog/Antzblog这些BSP)可能没有在blog里安装FB的插件(Plugin),而Blogger也没有权限使用Ftp自己去安装Plugin,所以我的方法等于是失效了。
B)另外一种情形是,付费的Textcube Blogger(不是使用免费BSP的)完全没有Cpanel和FTP的使用经验,甚至连Password都不懂(从免费BSP里跳出来的blogger大多数就有这个问题><),所以也无法安装插件。
因此现在针对Textcube无法安装插件的用户,再附上另一教程=) 各位,请笑纳~~~
[#M_ more.. | less.. |
(以Ifublog blogger为例子)
1)Login进Textcube后台
2)去到Skin(模板)->Edit Skin(编辑模板)
3)在Skin.html的部分,使用Ctrl+F(查找功能)找寻以下字眼:
<div><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=http://ifublog.com&layout=standard&show_faces=true&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:67px;'></iframe></div>
5)完成。
注意事项:
a)其实有些网站不需要http://也可以的,为安全起见先提醒,如果使用了中文里的:的话,那会造成问题哦!一定要用英文的:
b)如果你是个人用户,直接写入你的网址;如果你是BSP用户,就写下你的BSP的网址名(不需要包括你的部落格网址,因为那已经包括在后面的代码了***大多数***)
_M#]
有任何疑问欢迎留言洽询,我会尽力解答。
(1597)
觉得这个like功能不好的地方是在,不是Like那篇文章,而是Like整个blog。。 按like一次,结果每篇文章都有我出现。
呵呵呵,那不如我帮帮你吧?
上面的那个是给blogspot用户,如果你是textcube用户,又没有权限安装plugin,就用我给你的代码吧:
我想这个应该可以解决到你的问题。
=)
所以也是找
Hmm,不是的。
因为之前没有加过,所以完全没有那段代码在里面。
你知道你的html 『post』的部分是哪一段吗?就paste在那一段好了。
如果你不确定,可以找“trackback”的部分,放在它上面。
如果没错,
应该是直接放在
这个下面就可以了。
我试了好几次还是不行唉~~
Ben,
你用什么的?