Tagged under: , , ,

[Blogger] 淺談關於 Blogger 安裝 Google Buzz Button

image

官方版安裝小精靈:http://www.google.com/buzz/api/admin/configPostWidget

上面那個 Google 官方的頁面,你可以選擇你要的樣式,然後會產生語法給你,你直接複製安裝到你想放的版型位置即可。

我這篇想特別提的是當你想安裝在首頁會同時出現好幾篇文章,每篇文章都有一個 Buzz Button 可以分享該篇文章的情況。(如本格的方式,But I just show it on the IndexPage now)

因為預設的語法分享的是 Current Page,因此你必須加一點參數進去:.

<a class='google-buzz-button'
data-button-style='small-count'
expr:data-message='data:post.title'
expr:data-url='data:post.url'
href='http://www.google.com/buzz/post'
title='Google Buzz'/>

<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'/>

其中:
expr:data-url='data:post.url' 表示分享的是該篇文章的 URL;
expr:data-message='data:post.title' 則是該篇文章的標題(這個不見得要加,可以讓 User 自己進畫面之後在訊息區填,預設會留白,而網址的標題會自動抓上面那個 URL 的 title)

安裝成果如本格首頁所示,我是採用 small-count。

2 回應:

  1. 大大你太強了
    我約略照大大的設定
    不過我的Buzz放首頁
    連結過去還是只分享我的首頁
    照大大上面所寫google所提共的Buzz按鈕
    是否可以改圖片
    還是需要下載他的JS然後更改他的圖片鏈結
    JS上傳網頁再改JS上傳網址

    還有想說把我的程式碼給大大看
    可是沒辦法我貼在大大的臉書好了

    回覆刪除
  2. 你現在使用的語法有問題,我已經回信給你,請您參考。
    用你的語法,圖片可以換成你需要的,至於官方的 js 如你所說,想換的話可能要抓他的 js 下來,你可以自己玩玩看。

    回覆刪除

回應不用錢,請多多益善!懶得寫字按個讚也是相當感謝!