2008年9月3日 星期三

Flickr 照片外連至 Blogger

雖然自己懂得一點點 HTML Code,但是每次把已上載至 Flickr 的照片轉載過來都感到很麻煩。原因是,當你在 Flickr 選擇照片,想要照片的 HTML Code 的時候,要先按「全部尺寸」,再選中等大小。把 HTML Code 複製之後,又要在這邊修改一些,讓人可以按下這照片的時候,是開一個新視窗來看照片,又要改變它顯示的大小來適應 Blogger 頁面的寬度。總之要轉載的照片愈多就愈麻煩。

但原來可以靠一個 userscript 來解決這個問題。

首先,你需要有 Firefox,並且要安裝一個叫 Greasemonkey 的 Add-on。跟著便可以到 userscript.org 下載 Flickr AllSizes+Flickr AllSizes+ 原本只是縮短取得照片 HTML Code 的步驟,但你可以修改它的原碼,來符合自己的需要。像我目前的需要就只需改兩處,就可以把以往人手修改 HTML Code 的步驟自動化了。

當然你要懂得 Javascript 才能夠修改罷了。

  1. 先在 Firefox 中,選 Tools -> Greasemonkey -> Manage User Scripts...
  2. 在 Manage User Scripts 中,選 "Flickr AllSizes+"
  3. 按 "Edit"。第一次用編輯的話,你需要指定編輯工具,用 Windows 的記事本就可以了。
  4. 尋找這句:
    return '<a href="' + href + '" title="' + this.photo.getTitle() +'">' + imgHTML + '</a>';
  5. 改成這樣:
    return '<a href="' + href + '" title="' + this.photo.getTitle() +'" TARGET="_blank">' + imgHTML + '</a>';
  6. 跟著尋找這句:
    m: new Size({id:'m', label:'Medium', suffix:'', max:500}),
  7. 把 「500」改成「400」。因為預設範本的網誌文章部份,闊度只有 400 多像素。照片的長邊最多 400 像素就夠了。
  8. 儲存檔案就完成了。

沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。