macdog

「教學」在 Blogspot 上面置放 Facebook, Plurk, Twitter 和 Google Buzz 的推文按鈕


好的,其實這個主題已經很多人寫過了,不過因為都是一個個單獨寫的,小梅子這邊只是做一個小整理,將這四個網站的推文按鈕一次做完,並且簡化了小按鈕的圖檔大小,讓他們看起來比較整齊,歡迎各位自行取用。

使用的方法很簡單,首先,你要進入 Blogspot 的管理後台,在「版面配置」這個下面,點一下「修改 HTML」的選項,就可以看到有點小可怕的 XML 碼編輯器功能。

小梅子自己是將這些按鈕放到每篇 Blogspot 部落文章的標題後面,各位也可以挑自己想放的地方來置放。

假如你也想放在 部落文章的標題後面,那麼你要在那堆 XML 程式碼中找到

<data:post.title/>
這段,然後將下面的按鈕碼加上去。

<div style='float:right;padding:2px;'>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank' title='將文章推到 Facebook'><img height='44' src='http://lh5.ggpht.com/_arUD1Cskf44/S5ii3z75YaI/AAAAAAAABtE/mRdH2Y1VQek/s800/facebook.gif' width='32'/></a>
<a expr:href='"http://www.plurk.com/?qualifier=shares&status=" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='將文章推到 Plurk'><img height='44' src='http://lh6.ggpht.com/_arUD1Cskf44/S5ii4PCBL7I/AAAAAAAABtM/ch-qPSOFhh4/s800/plurk.gif' width='32'/></a>
<a expr:href='"http://twitter.com/?qualifier=shares&status=" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='將文章推到 Twitter'><img height='44' src='http://lh3.ggpht.com/_arUD1Cskf44/S5ii32SXBQI/AAAAAAAABtI/8QwsAplJffQ/s800/twitter.gif' width='32'/></a>
<a expr:href='"http://www.google.com/reader/link?url="+ data:post.url + "&title=" + data:post.title + ""' rel='nofollow external' target='_blank' title='將文章推到Google Buzz'><img alt='將文章推到Google Buzz' height='44' src='http://lh4.ggpht.com/_arUD1Cskf44/S5ii4D2zWmI/AAAAAAAABtQ/pSPaDq5LOWE/s800/buzz.gif' width='32'/></a></div>


然後就收工搞定,可以看到類似小梅子部落文標題旁的按鈕 :D

PS : 另外,其實網路上還有別的程式碼,是可以連「計數」都撈出來,顯示被推的數字,不過小梅子試過一些,有些是不知援中文標題,有些圖案大小不同,四個放在一起看起來就有點醜,所以小梅子最後還是決定放個簡單素雅的就好。

假如想試試會計數的,請參考下面的碼
<a name="fb_share" type="box_count" expr:share_url="data:post.url" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<script src="http://twittley.com/button/button.js"></script>
<script src="http://www.buzrr.com/button.js"></script>

di
di

Original URL: http://jacobmei.blogspot.com/2010/03/blogspot-facebook-plurk-twitter-google.html


0 comment(s) | Post a Comment

Previous: 「雜念」網路產業的誕生與瓦解 | Next: 「關懷」336 Angel’s Day 愛奇兒日~2010『我不怪,因為有你愛』嘉年華遊行

Leave a Comment
Please Create an INDIEVOX account or Login to post a comment.