部落格文章爆紅術-在網站加入Google Buzz、Facebook、Plurk及Twitter快速推文按鈕，讓文章分享更迅速！

Home » 電腦網路技巧分享

部落格文章爆紅術-在網站加入Google Buzz、Facebook、Plurk及Twitter快速推文按鈕，讓文章分享更迅速！

2010 年 03 月 15 日
文章錯誤或引用侵權回報字型大小調整瀏覽次數：4,503 | 迴響(8)

友善列印

轉寄好友 |

歡迎推薦本文到

文章若是這樣推的好像也不錯？(誤)(圖片來源)

飲水思源

OA拆組達人這個部落格從無至有，是拆組達人學習網路上各先進前輩們無私分享出來的教學所製作而成，在此感謝大家不厭其煩協助拆組達人解決千奇百怪的各種問題，人說「吃果子，拜樹頭」，現拆組達人希將所學野人獻曝一下，回饋於網路，爾後只要時間充裕，而拆組達人懶蟲沒有上身的時候，陸續會將網站架設以及外掛小工具心得分享於此，歡迎大家指教與討論。

增加曝光的機會

Google Buzz, Facebook, Plurk, Twitter推文按鈕

這是本站新增的推文按鈕

社群網站愈來愈發達的今天，網站上若沒有提供個社群推文按鈕，似乎已與潮流脫節，也失去了更多文章被分享傳播的機會，所以尚未加裝社群推文按鈕的朋友，可以參考以下的教學讓自己的網站加分！

Google Buzz推文按鈕

推薦本文到Google Buzz去！

通用版(適用所有平台)此版的js語法是我自己寫的 oh24

^?View Code JAVASCRIPT

<span title="推薦本文到Google Buzz去！" onclick="javascript: void(window.open ('http://www.google.com/reader/link?url=' + location.href + '&amp;title=' + document.title '));">
<img style="display: block; float: none; margin-left: auto; margin-right: auto;" src="http://images.iegoffice.com/common/buzzthis.png" alt="推薦本文到Google Buzz去！" width="50" height="50" />
 </span>

WordPress版(僅適用wp平台)

^?View Code PHP

<a title="將文章推到Google Buzz" href="http://www.google.com/reader/link?url= &lt;<?php the_permalink() ?>&gt;&amp;title=&lt;<?php the_title(); ?>&gt; &amp;srcURL=&lt;<?php bloginfo('url'); ?>&gt;" target="_blank">
<img src="http://images.iegoffice.com/common/buzzthis.png" alt="將文章推到Google Buzz" width="50" height="50" /></a>

Facebook臉書推文按鈕

span版

^?View Code JAVASCRIPT

<span title="推薦本文到Facebook去！" onclick="javascript: void(window.open('http://www.facebook.com/share.php? u='.concat(encodeURIComponent(location.href)) ));">
<img style="display: block; float: none; margin-left: auto; margin-right: auto;" src="http://images.iegoffice.com/common/facebook.png" alt="推薦本文到Facebook去！" width="50" height="50" /> </span>

超連結版

^?View Code JAVASCRIPT

<a href="javascript: void(window.open( 'http://www.facebook.com/share.php? u='.concat(encodeURIComponent(location.href)) ));">
<img style="display: block; float: none; margin-left: auto; margin-right: auto;" src="http://images.iegoffice.com/common/facebook.png" alt="推薦本文到Facebook去！" width="50" height="50" /></a>

Plurk噗浪推文按鈕

推薦本文到Plurk噗浪去！

span版

^?View Code JAVASCRIPT

<span title="推薦本文到Plurk噗浪去！" onclick="javascript: void( window.open('http://www.plurk.com/?qualifier=shares&amp; status=' .concat(encodeURIComponent(location.href)) .concat(' ') .concat('(') .concat(encodeURIComponent(document.title)) .concat(')')));"><img style="display: block; float: none; margin-left: auto; margin-right: auto;" src="http://images.iegoffice.com/common/plurk.jpg" alt="推薦本文到Plurk噗浪去！" width="50" height="50" /></span>

超連結版

^?View Code JAVASCRIPT

<a href="javascript: void(window.open( 'http://www.plurk.com/?qualifier=shares&amp;status=' .concat (encodeURIComponent(location.href)) .concat(' ') .concat('(')  .concat(encodeURIComponent(document.title)) .concat(')')));">
<img style="display: block; float: none; margin-left: auto; margin-right: auto;" src="http://images.iegoffice.com/common/plurk.jpg" alt="推薦本文到Plurk噗浪去！" width="50" height="50" /></a>

Twitter推特推文按鈕

span版

^?View Code JAVASCRIPT

<span title="推薦本文到Twitter推特去！" onclick="javascript: void(window.open('http://twitter.com/home/? status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));"><img class="aligncenter" src="http://images.iegoffice.com/common/twitter.png" alt="推薦本文到Twitter推特去！" width="50" height="50" /></span>

超連結版

^?View Code JAVASCRIPT

<a href="javascript: void(window.open('http://twitter.com/home/? status='.concat(encodeURIComponent(document.title)) .concat(' ') .concat(encodeURIComponent(location.href))));">
<img class="aligncenter" src="http://images.iegoffice.com/common/twitter.png" alt="推薦本文到Twitter推特去！" width="50" height="50" /></a>

只要將語法貼到想要擺放的地方即可 oh21

歷史上的今天

以上就是『部落格文章爆紅術-在網站加入Google Buzz、Facebook、Plurk及Twitter快速推文按鈕，讓文章分享更迅速！』，若是還有任何問題，歡迎在此留言討論！

如果您肯定本文章內容，懇請您點擊文章上方「推薦」按鈕！您的推薦將是我們分享創作的鼓勵！

標籤：facebook, google buzz, js語法, OA, PLURK, twitter, 外掛小工具, 拆組, 社群推文按鈕, 網站架設, 部落格外掛

迴響(8) »

陳彥仲說道：

2010 年 04 月 06 日 at 23:59:09

你好，想請問一下，若我想製作直接點選icon就可以連結到我的facebook或plurk，不是用推文的，你可以提供相關語法嗎?

謝謝你。
拆組達人說道：

2010 年 04 月 07 日 at 21:11:14

@陳彥仲:
首先你要準備一張圖，並且上傳到網路上(例如你的相簿)
然後取得圖的連結
然後圖上面加上超連結
若要連到你的噗浪，就加上噗浪的網址
若要連到你的臉書，就加上臉書的網址
sylvia 說道：

2010 年 06 月 11 日 at 11:58:59

您好,
我加入語法之後,
點選到facebook
出現要我填入網址的欄位

有沒月直接就能推薦了呢
謝謝
sylvia
拆組達人說道：

2010 年 06 月 11 日 at 20:05:35

@sylvia:
文章中就是直接推薦的語法的啊
會出現一個欄位不是要填網址的
而是FB提供一個可以寫「推薦評論」的地方
若是只單純推薦而沒有評論也可以空白不填
一樣可以推到FB上 oh21
Hsiao Ling I 說道：

2010 年 06 月 16 日 at 01:03:13

謝謝拆組達人！
請問若推薦到facebook上，出現的網址是首頁而非單篇文章的網址，這樣是正確的嗎？
非常感謝你的紀錄！
拆組達人說道：

2010 年 06 月 16 日 at 20:03:13

@Hsiao Ling I:
正常來講應該是會出現該文章的網址
而非部落格首頁的網址
謝小祥說道：

2011 年 01 月 03 日 at 10:30:25

你好~
我是新手想把它貼到igoogle 協作平台,但不知道該把語法貼到哪裡才會顯示~
可有教學圖示~^^
謝謝!
拆組達人說道：

2011 年 01 月 06 日 at 00:04:04

@謝小祥:
協作平台我沒有研究過
理論上只要貼到貼原始碼的地方即可
有些免費架站的網站系統並不提供貼原始碼
所有也有可能無法使用