【教学】如何在部落格增加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 widget3)用Ctrl + F,查找这段代码:<div><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: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 class="article"> </div>4)在<div class="article"> </div>下面插入以下代码:<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#]有任何疑问欢迎留言洽询,我会尽力解答。