2010/05/10

[外掛]Picasa/Buzz Widget for Blogger

自從發現Blogger新的靜態頁面可以做成分頁的效果,就很努力的衝頁數,順便把不適合放在首頁的Blogger Widget搬到分頁裡去,於是就動起Picasa Widget 和 Buzz Widget的念頭

Picsa Widget for Blogger
第一個想放的就是Picasa Album,雖然點左邊的Slideshow的照片的週圍部分,就可以進到Picasa相本,不過大部分的人都是按播放鈕,想說就開一個新分頁來插入Picasa相本。Picasa Widget在網路上到處都有 ,Google也有提供官方版本,但大部分都是用於側邊欄,也都是花俏的Slideshow或是轉來轉去的照片,但我想放靜態的相本列表卻找不到,於是在網路上找到Beautiful Beta提供了一個簡易卻又實用的Picasa Album Sidebar Widget,它可以在側邊欄列出Picasa相本,以垂直方式呈現,但還是需要一些手動修改才能讓它看起來美美的,用起來又不過於浪費系統資源。
  1. 先在這頁,設定好Picasa帳號,並產生網頁插入碼 (給step 5用)
  2. 下載作者用的Java Script原始檔案
  3. 修改Java Script內容,主要是修改相本數量numentries=20 並 拿掉斷行 < br >符號
  4. 可以參考這篇,將Java Script上傳至Google Site
  5. 在網頁插入內嵌的Java Script,記得把src=設回到Google Site的原始檔案
  6. 最後修改CSS,讓它看起來美美的,即大功告成
原本以為Google Buzz沒有RSS,後來才在Buzz Blogger挖到資料,其URL為 http://buzz.googleapis.com/feeds/{user}/public/posted,因為資料很複雜,直覺就先用Yahoo Pipes將資料過濾重導,雖然實作上可行,但兩層架構總覺得反應很慢,通常新Buzz要等上半天才會有更新。後來又重新搜尋網路,才發現另外一個Google Code Project: Google Buzz Widget,雖然它是個很陽春Widget,但這段Java Script也剛好把資料都轉好了,於是依樣畫葫蘆,把樓上的步驟重來一次,CSS小小修改,一樣可以完成Buzz Widget for Blogger,原來搞CSS和Java Script就可以把東西弄得很精美,真是有趣。

    4 則留言:

    辛巴的北七光 提到...

    不過Buzz我就只有讓他同步twitter...
    twitter上的又是同步自plurk...
    然後就不理他了...
    微網誌這種東西還是只能經營一個,
    太多個感覺玩起來也沒啥意義~~

    忍太郎 提到...

    這也就是微網誌互相交換RSS資料的必要性是存在著,所以兇手又指向Facebook。

    辛巴的北七光 提到...

    話說我facebook上的訊息也大部分是同步自plurk...XDDD

    忍太郎 提到...

    也是,這則新聞也說Google Buzz有90%的內容都是外面轉進去的

    Related Posts with Thumbnails