Home » 教學碎碎念, 程式網站設計

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

2 Comments | 34,305 views

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

(文字格式)

<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

<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
pusfac.png

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


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

line.png

2009/11/06更新

FACEBOOK 的推文按鈕更新有一陣子了,在此介紹一下連結的語法
首先進入FACEBOOK官方的分享工具首頁
http://www.facebook.com/facebook-widgets/index.php
2009-11-6 下午 08-52-10.jpg
line.png
進入後
選擇你要的樣式按鈕或文字連結,在COPY大框框裡的程式碼就可貼到你BLOG或側欄,
若有選擇加入計數器,當有人分享時就會增加一個計數
下列是三種FACEBOOK分享按鈕的狀態

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

2009-11-6 下午 08-50-10.jpg
line.png

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

2009-11-6 下午 08-49-55.jpg
line.png

3.文字連結

2009-11-6 下午 08-50-51.jpg
line.png
另外可以自訂連結,擇在上面三種情況下,將要分享的網址換成你要推的網址
2009-11-6 下午 08-51-32.jpg
line.png
其實這些的變化是在下圖裡type= 幾個樣式的不同也可自行修改那行
2009-11-6 下午 09-22-26.jpg
line.png
例如在這篇加入,你可以點一下看效果.點了不一定會貼出去,還會出現一個FACEBOOK的視窗可自定介紹文
分享

99/05更新

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

ENJOY IT~~ xd21

Comments

comments

標籤:, ,