Related Posts with Thumbnails

2010/07/29

[Blogger 技巧] 添加Facebook有計數器的分享、讚 按鈕


請記得一定要先備份範本!!

Facebook的具有計數器功能的分享按鈕語法如下:
<!-- 臉書計數分享按鈕 -->
<div style='float:right;'>
<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' name='fb_share' type='button_count'>分享</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>
<!-- 臉書計數分享按鈕 -->


上述<!-- 臉書計數分享按鈕 -->是為備註此為何種語法

我所添加的位置是在「文章標題右方」因此請找到:
<b:if cond='data:post.title'>添加其後面

添加Facebook的讚(Like)按鈕語法如下:
<!-- 添加Facebook的讚 -->
<script>
document.write(&#39;&lt;iframe src=&quot;http://www.facebook.com/plugins/like.php?href=<data:post.url/>&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=verdana&amp;colorscheme=light&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot; allowTransparency=&quot;true&quot; style=&quot;border:none; overflow:hidden; width:450px; height:65px&quot;&gt;&lt;/iframe&gt;&#39;);
</script>
<!-- 添加Facebook的讚 -->


因我是選擇添加於每篇文章下方,故請找到<data:post.body/>添加於下方
如要於文章前面添加請加於此行<b:includable id='post' var='post'> 下方

參考教學:
在Blogger嵌入Facebook的讚(Like)按鈕-哲生博客 Jason Blog
在Blogger裝置具有計數功能的Facebook分享按鈕-哲生博客 Jason Blog


0 回應:

張貼留言

1.謝謝您願意在此留言
2.沒有blogger帳號者選擇【名稱/網址】
3.匿名攻訐、不相干之廣告將直接刪除,亦不接受求檔留言,謝謝合作
4.您可以使用一些 HTML 標記,如:
 <b>粗體</b>, <i>斜體</i>, <a href="網址">描述文字</a>