星期日, 6月 07, 2009

為Blogger加上Twitter&Plurk的推文

無意間再網路上晃到,覺得挺酷的就來實作看看!
(謎之音:不會有人會把你的文章推上去的,別浪費心力了!!)

首先登入(廢話!)
版面配置的修改HTML,再修改範本那邊把"展開小裝置範本"打勾

如果希望推文的位置顯示在標題旁:
找到
<div class='post hentry'>
<a expr:name='data:post.id'/>

再他下方插入如下的推文語法

如果希望推文的位置在文章旁:
找到
</b:if>
</b:if>
</h3>

再他下方插入如下的推文語法
<div style='float:right;margin-left:10px;'>
<a expr:href='"http://twitter.com/home?status=" + data:post.title + data:post.url' target='_blank' title='推文至twitter'><img src='http://您的圖片路徑/twitter.png' title='推文至twitter'/></a>
<a expr:href='"http://plurk.com/?status=" + data:post.url + " " + "(" + data:post.title + ")"' target='_blank' title='推文至plurk'>
<img src='http://您的圖片路徑/plurk.png' title='推文至plurk'/></a>
</div> 


推文語法:(請自行修改圖片路徑,或是使用純文字連結或是利用CSS按鈕方式!!看個人所好!)


預覽看看,測試看看!!還蠻炫的....
當然活用的方式還有許多!!各位有興趣可以玩看看。
不過可能只有人氣比較旺跟比較專業的BLOG比較需要吧!

只是看到順手練習改看看Blogger的樣式!
===
參考文章:
如何在網站放twitter、Plurk噗浪「推文按鈕」?
在Blogger文章中放置噗浪與twitter推文按鈕
在Blogger加上funP與HEMiDEMi的推文按鈕

沒有留言: