推薦您全新的瀏覽模式,簡潔、快速,共有七種模式可供選擇。馬上體驗!

歡迎加入張哲生的臉書粉絲專頁,掌握《哲生博客》的最新動態。

2010年5月17日

在Blogger裝置具有計數功能的Facebook分享按鈕

之前提過如何在Blogger嵌入Facebook讚(Like)按鈕,這次要接著跟大家說明在Blogger裝置Facebook「分享」按鈕的方法。


登入 Blogger 的控制台 後,進入「版面配置」的「修改HTML」,勾選「展開小裝置範本」,然後在適當的位置,貼上下列的語法:

<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'/>


就可以出現包含計數器的分享(推文)按鈕如下:

分享

另外還有一種計數器比較巨大的分享按鈕長這樣:

分享

其語法如下:

<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='box_count'>分享</a>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>


當然你也可以將上述語法裡的「分享」改成其他任何你喜歡的文字,例如「推文」、「Share」...等。

啟動哲生原力

由於funP已經式微,所以我移除了原本位於文章標題右側的funP推文按鈕,取而代之的便是具有計數功能的Facebook分享按鈕。

若你要為網頁放上分享按鈕,可以參考Facebook的官方說明頁
分享本文:

0 意見:

Related Posts Plugin for WordPress, Blogger...