2011年4月20日 星期三

coscup 使用 facebook 留言系統的語法

剛剛看到 inside 有人留言說不會裝 facebook 留言系統

這邊分享一下 blogger.com 的作法:

要裝上 facebook socail plugin
要到這裡選: http://developers.facebook.com/docs/plugins/

因為要在每篇 blog 文章 裝上 臉書 like and 臉書 comment
所以要改 blogger template ( 要展開小裝置範本 )

expr:data:post.url 是 blogger template 的語法
其他是 facebook 的語法

範例, 臉書 like
<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=450&amp;action=like&amp;font&amp;colorscheme=light&amp;height=80&quot;' 
frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:80px;'/>

範例, 臉書 comment
<script src='http://connect.facebook.net/zh_TW/all.js#appId=APP_ID&amp;xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='2' width='400'/>
</fb:comments>

有問題的話,歡迎討論