在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的官方說明頁
張貼留言

這個網誌中的熱門文章

小甜甜卡通的三個經典片段與大結局

哲生的超時空影像之旅