2010年10月5日 星期二

臺大部落格系統插入 F、T、P 推薦文章按鈕的方法

許多人總希望讀者能將喜歡的文章轉至一些社群網站以增加自己部落格的能見度,而較為知名的社群網站,諸如 F(facebook)、T(twitter)、P(plurk) 等,皆可藉由超連結將文章轉貼至各平台;臺大部落格系統無法使用 script 語言,該如何安插推薦文章的按鈕?基本上這功能很簡單,只是在不能使用 script 的環境下只能用手動插入語法,除非臺大部落格願意在工具列上加入這個功能,不然使用者們也只能用「手動」這種陽春的方式達到目的
以本篇文章為例,要安插推薦此文章至 Facebook、Twitter 及 Plurk 的連結,可於「程式碼模式」內修改以下程式碼後插入(將紅字網址改成欲推薦的網址即可):
<a href="http://www.facebook.com/share.php?u=http://wuyufan.blog.ntu.edu.tw/2010/10/04/recommendicon/" target="_blank">[ 推薦至 Facebook ]</a>
<a href="http://twitter.com/home/?status=http://wuyufan.blog.ntu.edu.tw/2010/10/04/recommendicon/" target="_blank">[ 推薦至 Twitter ]</a>
<a href="http://www.plurk.com/?qualifier=shares&amp;status=
http://wuyufan.blog.ntu.edu.tw/2010/10/04/recommendicon/
" target="_blank">[ 推薦至 Plurk ]</a>
若不喜歡使用文字連結的人,以下程式碼即將文字連結改成圖片作為超連結按鈕,僅需修改紅色文字修改成欲推薦之網址、綠色文字修改成自己喜歡的圖片網址(可先上傳至部落格):
  • 推薦至 Facebook 程式碼:
<a href="http://www.facebook.com/share.php?u=
http://wuyufan.blog.ntu.edu.tw/2010/10/04/recommendicon/" target="_blank"><img src="
http://wuyufan.blog.ntu.edu.tw/files/2010/10/facebook.jpg" border="0" alt="" width="32" height="32" /></a>
  • 推薦至 Twitter 程式碼:
<a href="http://twitter.com/home/?status=
http://wuyufan.blog.ntu.edu.tw/2010/10/04/recommendicon/" target="_blank"><img src="
http://wuyufan.blog.ntu.edu.tw/files/2010/10/twitter.jpg" border="0" alt="" width="32" height="32" /></a>
  • 推薦至 Plurk 程式碼:
<a href="http://www.plurk.com/?qualifier=shares&amp;status=
http://wuyufan.blog.ntu.edu.tw/2010/10/04/recommendicon/" target="_blank"><img src="
http://wuyufan.blog.ntu.edu.tw/files/2010/10/plurk.jpg" border="0" alt="" width="32" height="32" /></a>

沒有留言 :

張貼留言

此網誌為本人看法,欲討論者請保持冷靜