側欄或文章加入推到facebook+plurk!+twitter按鈕

2009/7月/3/星期五　-　5,378 views2 Comments

pushpft
本來本站只加入了重灌狂人所刊出的按鈕語法然而最近越來越多人使用FACEBOOK,於是東翻西找也找出了FACEBOOK的按鈕語法(原來就在facebook網站上),於是就完成現在你們所看到的三個按鈕

雖然已有幾個blog有介紹幾種,但沒三個擺一起的,所以我PO一下,順便當自己筆記 :xd19

以下列出三種類型(twitter,plurk,facebook)推文按鈕的圖片及文字格式
另外我寫成"推倒"非"推到"是故意的,別說我寫錯字,因為本人喜歡推倒>///<(羞) :xd29

推到TWITTER按鈕(圖片檔格式)

<div><a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));"><img src="http://lh4.ggpht.com/_awRtyaNhRdw/SkzPuxEYidI/AAAAAAAAZRM/c9ljumBV9gc/s800/pushtwitter.png" /></a></div>

若要用自己的圖檔來顯示就程式碼內下面這網址用你要的圖檔網址取代
http://lh4.ggpht.com/_awRtyaNhRdw/SkzPuxEYidI/AAAAAAAAZRM/c9ljumBV9gc/s800/pushtwitter.png

推到twitter

(文字格式)

<div style='width:90px;><a href="javascript: void(window.open('http://twitter.com/home/?status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">推到twitter</a></div>

<div><a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('&#40;') .concat(encodeURIComponent(document.title)) .concat('&#41;')));"><img src="http://lh5.ggpht.com/_awRtyaNhRdw/SkzPusTmzjI/AAAAAAAAZRI/4ZILbzaz0m4/s800/pushplurk.png" /></a></div>

若要用自己的圖檔來顯示就程式碼內下面這網址用你要的圖檔網址取代
http://lh5.ggpht.com/_awRtyaNhRdw/SkzPusTmzjI/AAAAAAAAZRI/4ZILbzaz0m4/s800/pushplurk.png

推到PLURK

<div><a href="javascript: void(window.open('http://www.plurk.com/?qualifier=shares&status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('&#40;') .concat(encodeURIComponent(document.title)) .concat('&#41;')));">推到PLURK</a></div>

<div><script>function fbs_click() {u=location.href;t=document.title;window.open(\\<WPPreserveSingleQuote />http://www.facebook.com/sharer.php?u=\\<WPPreserveSingleQuote />+encodeURIComponent(u)+\\<WPPreserveSingleQuote />&t=\\<WPPreserveSingleQuote />+encodeURIComponent(t),\\<WPPreserveSingleQuote />sharer\\<WPPreserveSingleQuote />,\\<WPPreserveSingleQuote />toolbar=0,status=0,width=626,height=436\\<WPPreserveSingleQuote />);return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank"><img src="http://lh4.ggpht.com/_awRtyaNhRdw/SkzPtugRaQI/AAAAAAAAZRE/vEZqIeUaeT8/s800/pushfacebook.png" alt="" /></a>
</div>

若要用自己的圖檔來顯示就程式碼內下面這網址用你要的圖檔網址取代
http://lh4.ggpht.com/_awRtyaNhRdw/SkzPtugRaQI/AAAAAAAAZRE/vEZqIeUaeT8/s800/pushfacebook.png

推到FACEBOOK

<div><script>function fbs_click() {u=location.href;t=document.title;window.open(\\<WPPreserveSingleQuote />http://www.facebook.com/sharer.php?u=\\<WPPreserveSingleQuote />+encodeURIComponent(u)+\\<WPPreserveSingleQuote />&t=\\<WPPreserveSingleQuote />+encodeURIComponent(t),\\<WPPreserveSingleQuote />sharer\\<WPPreserveSingleQuote />,\\<WPPreserveSingleQuote />toolbar=0,status=0,width=626,height=436\\<WPPreserveSingleQuote />);return false;}</script><a href="http://www.facebook.com/share.php?u=<url>" onclick="return fbs_click()" target="_blank">推到FACEBOOK</a>
</div>

另外FACEBOOK官方就以提供幾種語法可用進入下面FACEBOOK官方的網址可COPY
http://www.facebook.com/share_partners.php

補充,若需要使用本站所做的圖標網址如下,請自取

http://lh4.ggpht.com/_awRtyaNhRdw/SkzPuxEYidI/AAAAAAAAZRM/c9ljumBV9gc/s800/pushtwitter.png

http://lh5.ggpht.com/_awRtyaNhRdw/SkzPusTmzjI/AAAAAAAAZRI/4ZILbzaz0m4/s800/pushplurk.png

http://lh4.ggpht.com/_awRtyaNhRdw/SkzPtugRaQI/AAAAAAAAZRE/vEZqIeUaeT8/s800/pushfacebook.png

2009/11/06更新

FACEBOOK 的推文按鈕更新有一陣子了,在此介紹一下連結的語法
首先進入FACEBOOK官方的分享工具首頁
http://www.facebook.com/facebook-widgets/index.php

進入後
選擇你要的樣式按鈕或文字連結,在COPY大框框裡的程式碼就可貼到你BLOG或側欄,
若有選擇加入計數器,當有人分享時就會增加一個計數
下列是三種FACEBOOK分享按鈕的狀態

1.按鈕+計數器按鈕上方

2.按鈕+計數器與按鈕平行

3.文字連結

另外可以自訂連結,擇在上面三種情況下,將要分享的網址換成你要推的網址

其實這些的變化是在下圖裡type= 幾個樣式的不同也可自行修改那行

例如在這篇加入,你可以點一下看效果.點了不一定會貼出去,還會出現一個FACEBOOK的視窗可自定介紹文
分享

99/05更新

facebook改為八大推廣外掛加入讚按鈕
網址： http://developers.facebook.com/plugins

ENJOY IT~~

你可能也需要看看

2 Comments »

智多興 said:

facebook圖那個部份 <url>的部份要改成自己網頁的連結它沒辦法自己抓
還有不知道為什麼我沒辦法跳出一個小的新視窗而是整頁~~照理說window.open應該是跳出小的視窗或是javascript的地方要改一下呀????
http://blog.xuite.net/reshenchen/computer/27785253 我放在最下面~

- 18 10月 2009 at 8:47 am

計算tw (author) said: