【教学】如何在Blog增加Facebook like 功能（2 ）
不久之前在部落里分享了一篇文章，教如何增加like功能的。
<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>
_M#]
[#M_ more.. | less.. |
<div
class=”title”><b></b>
<BlogDateHeader><$BlogDateHeaderDate$>,</BlogDateHeader><$BlogItemDateTime$></div>
<div
class=”sorry”><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><div
id=”postbody”><$BlogItemBody$><br></div></div>
<blogitemcommentsenabled><a
href=”<$BlogItemCommentCreate$>”<$BlogItemCommentFormOnClick$>>comment|</a><$BlogItemCommentCount$>
细语
</BlogItemCommentsEnabled><br><br>
</td></tr></table></Blogger>
_M#]
所以，就在文章的最尾端即“细语”那个部分添加facebook like的Iframe代码，
如下：
[#M_ more.. | less.. |
<div class=”title”><b></b> <BlogDateHeader><$BlogDateHeaderDate$>,</BlogDateHeader><$BlogItemDateTime$></div> <div class=”sorry”><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> <br><div id=”postbody”><$BlogItemBody$><br></div></div> <blogitemcommentsenabled><a href=”<$BlogItemCommentCreate$>”<$BlogItemCommentFormOnClick$>>comment|</a><$BlogItemCommentCount$>细语 </BlogItemCommentsEnabled><br><br> <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> </td></tr></table></Blogger> _M#]
只是如果就这样save话，等下display的时候也会出现问题，因为现在模板里的data:post.url根本不存在，所以还要做一项改正，就是黑色部分的字要换成<BlogItemPermalinkURL$>. 更正过后，代码会如下：
[#M_ more.. | less.. |
<div class=”title”><b></b> <BlogDateHeader><$BlogDateHeaderDate$>,</BlogDateHeader><$BlogItemDateTime$></div> <div class=”sorry”><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div> <br><div id=”postbody”><$BlogItemBody$><br></div></div> <blogitemcommentsenabled><a href=”<$BlogItemCommentCreate$>”<$BlogItemCommentFormOnClick$>>comment|</a><$BlogItemCommentCount$>细语 </BlogItemCommentsEnabled><br><br> <div><iframe allowTransparency=’true’ expr:src=’"http://www.facebook.com/plugins/like.php?href=<BlogItemPermalinkURL$>&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> </td></tr></table></Blogger> _M#]
如果没用<BlogItemPermalinkURL$>而使用自己的网址URL的话，到时候的like就不会根据每篇文章，而是根据整个部落格的累积like来计算了。
最后还要设置一样东西就是，去到HTML
<head> 和 </head>之间加插一段meta：
<meta property=”og:title” content=”<$BlogPageTitle$>”/>
<meta property=”og:site_name” content=”你的部落格名字”/>
完成了这一段就可以了。
（阿紫：你的这一段我好想设置错了，你要重新检查～用CTrl + F）
===========================
Blogspot的模板多不胜数，很多人也喜欢去下载各式各样的来使用，可是他们的HTML就会有所不一样了。
如果你也遇上了像阿紫那样的问题，不妨照着我的方法去做看看吧。
谢谢～like一个！
(2334)
大大一个LIKE!
谢谢kimkim帅哥鼎力相助！你的好心一定为你赢来许多异性的喝彩，同性的崇拜~XD
哈哈哈哈，我喜欢最后一句，geng~
阿紫向来都很崇拜我的～哈哈！
这一个教学和之前那个有什么分别？你会
http://juzbibi.blogspot.com
这种的吗？
ming，
之前的，是用Expand widget来做的。
这次的是针对那些在网上下载模板后，无法expand widget的做法。