【教学】如何在部落格增加Facebook like的功能(3)–显示头像+For Textcube

在过去的两篇文章:

【教学】如何在部落格增加Facebook like的功能

【教学】如何在Blog增加Facebook like 功能(2 ) 

提到了如何在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='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' 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=’&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;’ 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 class=”article”> </div>
4)<div class=”article”> </div>下面插入以下代码:
<div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=http://ifublog.com&amp;layout=standard&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:67px;'></iframe></div>
5)完成。
注意事项:
a)其实有些网站不需要http://也可以的,为安全起见先提醒,如果使用了中文里的:的话,那会造成问题哦!一定要用英文的:
b)如果你是个人用户,直接写入你的网址;如果你是BSP用户,就写下你的BSP的网址名(不需要包括你的部落格网址,因为那已经包括在后面的代码了***大多数***)

_M#]

有任何疑问欢迎留言洽询,我会尽力解答。


(1597)

一般留言 (8)

  1. 觉得这个like功能不好的地方是在,不是Like那篇文章,而是Like整个blog。。 按like一次,结果每篇文章都有我出现。

    • 呵呵呵,那不如我帮帮你吧?

      上面的那个是给blogspot用户,如果你是textcube用户,又没有权限安装plugin,就用我给你的代码吧:

      我想这个应该可以解决到你的问题。

  2. 所以也是找