如何在WordPress或Blogger加上《Google Buzz推文分享按鈕》?

2010/02/15 電腦小教室

Google近期所推出的『Google Buzz』大概是因為嵌入在Gmail裡,瞬間就火紅了起來,大部份的部落客也馬上讓網站的文章同時在Buzz上放送,不過這樣當然是不夠的,我們知道Plurk、Twitter、FaceBook或是Funp都有推文分享按鈕,當然也要有《Buzz 推文按鈕》囉,讓你的粉絲到處推,增強文章宣傳的效果,這邊丫湯提供Blogger及Wordpress加入推文按鈕的語法給大家參考使用。

00

在Wordpress加上Google Buzz推文分享按鈕:

這邊丫湯提供二種大小樣式讓大家選用,直接使用即可,如果要自己更換圖片也可以,將圖片連結改成自己的就可以囉。

『16*16小圖示版本』請用下列語法:

   1: <a title="將文章推到Google Buzz" href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title(); ?>&srcURL=<?php bloginfo('url'); ?>" target="_blank"><img

   2: src="https://steachs.com/wp-content/uploads/buzz/buzz16.png" width="16" height="16" alt="將文章推到Google Buzz" /></a>

『50*58按鈕式版本』請用下列語法:

   1: <a title="將文章推到Google Buzz" href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title(); ?>&srcURL=<?php bloginfo('url'); ?>" target="_blank"><img

   2: src="https://steachs.com/wp-content/uploads/buzz/buzzthis.png" width="50" height="58" alt="將文章推到Google Buzz" /></a>

 

在Blogger加上Google Buzz推文分享按鈕:

在後台管理中的版面配置→修改HTML→將展開小裝置範本打勾→找到<data:post.body/>在前方加入按鈕語法,語法往下來看看。

01

 

 

『16*16小圖示版本』請用下列語法:

   1: <a title="將文章推到Google Buzz" expr:href='"http://www.google.com/reader/link?url="+ data:post.url + "&amp;title=" + data:post.title + "' rel="nofollow external" target="_blank"><img

   2: src="https://steachs.com/wp-content/uploads/buzz/buzz16.png" width="16" height="16" alt="將文章推到Google Buzz" /></a> 

『50*58按鈕式版本』請用下列語法:

   1: <a title="將文章推到Google Buzz" expr:href='"http://www.google.com/reader/link?url="+ data:post.url + "&amp;title=" + data:post.title + ""' rel='nofollow external' target='_blank'><img

   2: src="https://steachs.com/wp-content/uploads/buzz/buzzthis.png" width="50" height="58" alt="將文章推到Google Buzz" /></a> 

 

其它部落格丫湯還在研究,痞客邦已經可以推網址,但還不知道怎麼加Title,有弄出來的人請直接告訴丫湯吧~

你可能對這些內容也有興趣

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

4 個留言

  1. Avatar ㄚ琪表示:

    如果是格主要自己推文到Google Buzz,不需像文中那樣加按鈕的程式碼,只要安裝ㄚ琪開發的WP-Buzz外掛就行了,已經Wordpress核准上線,歡迎下載測試使用,謝謝!

    阿湯說:

    嗯嗯,因為我個人比較少用外掛,不過這似乎也不錯,我會找時間介紹的哦

  2. Avatar 路人甲表示:

    那就奇怪
    我按此頁 堆文到google 的link ,主題變亂碼了
    ���������Wordpress���Blogger���������Google Buzz������������������������
    檢視此頁原始碼
    http://www.google.com/reader/link?url=http://steachs.com/archives/1451&title=如何在Wordpress或Blogger加上【Google Buzz推文分享按鈕】?&srcURL=http://steachs.com
    google接收title涉及中文字元時不能正確輸出

    阿湯說:

    我自己推出去倒是沒亂碼,還是謝謝你的提供

  3. Avatar 路人甲表示:

    encode.js 你回來我發給你吧
    謝謝小弟試過此方法
    title 涉及中文時會亂碼的
    應該改成
    <script type='text/javascript' src='/xxx路徑xxx/js/encode.js’>
    <img src="http://images.steachs.com/buzz/buzz16.png&quot; alt="” title=”” style=”cursor:pointer” onClick=”javascript: void(window.open(‘http://www.google.com/reader/link?url=&title=’ + encode(”) + ‘&srcURL=’));”/>

    阿湯說:

    我用是沒亂碼..編碼問題 @@?

  4. Avatar Frank表示:

    google buzz button=Google Reader button
    http://www.google.com/buzz/frankhgs/QbE1YnpRLVn/buzz-it-%E6%B8%AC%E8%A9%A6-google-buzz-button-Google-Reader

    阿湯說:

    看起來不錯,明天來介紹一下

發表留言 »

姓名(*)
信箱(*)