[Blogger Hacks # 03] Plurk/Twitter推文按鈕

本文記錄在BLOGGER的文章最後加上能夠讓讀者快速分享文章連結至「噗浪」與「推特」等微型網誌的按鈕,的方法。

Photobucket


基本做法是參考「NOT MY BUSINESS」這個部落格的文章。

進入後台版面配置修改HTML,展開小工具後搜尋「<span class='post-labels'>」字串找到下面的code:

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'>
<data:label.name/>
</a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
Plurk與Twitter推文按鈕語法插入此處
</span>

以上是該網誌建議的插入位置。不過根據個人Template的不同,有可能不是最佳解。以我的場合,會把按鈕語法插入位置改到下一個</span>前面,往後跳過一個物件。對於不是很熟悉HTML的人(如我),建議就是用這種方法作trial and error,看看怎麼擺出來的結果會最令自己滿意。

推文按鈕語法如下:

  <!-- 噗浪/推特推文按鈕&#65292;一般文章 -->
<b:if cond='data:blog.url != data:blog.homepageUrl'> 
<a expr:href='&quot;http://www.plurk.com/?qualifier=shares;status=&quot; + data:post.url + &quot; &quot; + &quot;(&quot; + data:post.title + &quot;)&quot;' target='_blank' title='噗浪分享說明文字'><img src='噗浪按鈕圖型URL' style='border:0; weight:px; height:32px;'/></a>
<a expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + data:post.url' target='_blank' title='推特分享說明文字'><img src='推特按鈕圖型URL' style='border:0; weight:px; height:32px;'/></a>
</b:if>

其中URL的部分就找網路空間上傳自己想要顯示的按鈕圖片即可;藍色的部分是比照[Blogger Hacks # 01]文章中提過的技巧,將推文按鈕在首頁隱藏。這看個人喜好,我個人是覺得在全文閱讀版面下才出現推文分享按鈕是比較合理的。

因為自己常常使用噗浪(推特仍是新手/少用),所以在這個站上加入噗浪分享按鈕,歡迎網友分享你覺得此處任何有病有趣的文章給你的噗友!ヽ(゚∀。)ノ


以上。






[2010.03.27 update]
發現噗浪按鈕會面臨的兩個問題:
第一,遇到文章標題有中括號「]」者會斷開,導致文章標題無法完整重現到噗浪輸入框;
第二,轉到噗浪時http://會變成http:,雖然仍然可以創造超連結但是結果會造成http:變成贅字顯示在噗出去的結果。

目前找不到解決方案。XD



參考了這個網誌追加了Facebook的分享按鈕作法如下:

<a expr:href="&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title" href="" rel="external nofollow" target="_blank" title="臉書分享說明文字"><img src="臉書按鈕圖型URL" style="border: 0; height: 32px; weight: px;" /></a>

0 comment(s):

Post a Comment

回應文章前請注意下列三勿原則:

1)勿拍照;(→會有靈異的照片從你的相機裡跑出來...
2)勿餵食;(→會有飢渴的猛獸從我的網誌裡跑出來...
3)勿告白。(→會有奇怪的東西從站長體內裡跑出來...

謝謝大家的配合。
( > ー <)b