2009年10月28日

Blogger + facebook分享計數按鈕

重要: 修改 Template前請先備份存檔

修改步驟 版面配置 (Template) → 修改 HTML (Edit HTML) → 把 展開小裝置範本 (Expand Widget Template) 打勾 來編輯範本的完整 HTML

按鈕的程式碼加入你想要的位置(任選其一)

a. 將按鈕置於標題前或後:
在 <h3 class='post-title'> 代碼前或後加入以下代碼:

<script>var fbShare = {
url: '<data:post.url/>'}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

b. 將按鈕置於文章前或後 (按鈕置左):
在 <p><data:post.body/></p> 代碼前或後加入以下代碼:
<script>var fbShare = {
url: '<data:post.url/>'}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>

c. 將按鈕置於文章前或後 (按鈕置右):
在 <p><data:post.body/></p> 代碼前或後加入以下代碼:
<div style='float:right;'>
<script>var fbShare = {
url: '<data:post.url/>'}
</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'/>
</div>
← 按鈕樣式如左

以上為非官方 fbshare.me 推出的 facebook分享計數按鈕

你也可以使用 facebook官方推出的分享計數按鈕

官方分享計數按鈕代碼:
<div style='float:right; margin-left:10px;'>
<a expr:share_url='data:post.url' href='http://www.facebook.com/sharer.php'
name='fb_share' type='box_count'>分享</a><script
src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div>




1 則留言 :

Geokibu Lui 提到...

多謝分享呀...!!!

張貼留言

※ 科技日新月異,文章內容相關資訊以發文時間為準!感恩!



本週熱門

文章導覽


歡迎到 facebook 一起來廢屁~