mew

　　首先你必須擁有Flickr帳戶（沒有可參考這篇「給樂多blog初學者的入門使用說明書」的申請教學），Sign In後點擊「Yours」或「Your photos」進入你的相片。
　　留意右邊「Share your photos」一欄的「Did you know you can publish your photos on another website with a Flickr badge?」，知不知道都點擊「Flickr badge」。
　　由於Flickr改版，原來進入Flickr badge的方法有變。新進入Flickr badge的方法有三。
　　方法一：Sign In後留意畫面的「Upload Photos  (Or, look at our uploading tools...)」，點擊「tools」。留意右邊「Display Flickr photos on your website」一欄的內文，點擊「build a badge」。接著參照Step 1至Step 5介紹。
　　方法二：若已進入「Your photos」，留意畫面最頂flickr標誌下的功能選單，點擊「You」下拉再點擊「Upload Photos」。點擊左邊的「Uploading tools」。留意右邊「Display Flickr photos on your website」一欄的內文，點擊「build a badge」。接著參照Step 1至Step 5介紹。
　　方法三：Sign In後直接在瀏覽器網址欄輸入「http://flickr.com/badge_new.gne」。接著參照Step 1至Step 5介紹。

Step 1: What sort of badge would you like to use?
有「An HTML badge」及「A Flash badge」選擇，意思可分別理解為靜態和動態的相片代表（我首頁邊欄的Flickr badge是動態），選好後點擊「NEXT: CHOOSE PHOTOS」。

Step 2: Photos
有「Yours」和「Everyone's」選擇，展示你的相片只需選「All of your public photos」或「Your public photos tagged with:」，前者展示你Flickr內的所有公開相片，後者展示你Flickr內的分類公開相片（要輸入你在Flickr預先設定的Tags名稱，Tags在你上傳相片到Flickr時可命名設定），選好後點擊「NEXT: LAYOUT」。

Step 3: Layout
如果你Step 1選「An HTML badge」，此步驟才會出現，選「A Flash badge」則沒有。
看來也不用多介紹，可隨自己需要反覆試試，選好後點擊「NEXT: COLORS」。

Step 4: Colors
如果你Step 1選「A Flash badge」，此步驟為Step 3。
設定請看Preview判斷，發揮你的創意好了，不贅。
選好後點擊「NEXT: PREVIEW & GET CODE」。

Step 5: Your badge!
如果你Step 1選「A Flash badge」，此步驟為Step 4。
眼前見到的Code就是你的Flickr badge語法，按PC鍵盤Ctrl+A（Mac鍵盤Command+A）全選Code，然後按Ctrl+C（Mac鍵盤Command+C）複製，再按Ctrl+V（Mac鍵盤Command+V）貼上你在樂多日誌設定的自由欄位，點選「不自動換行」，儲存設定後更新Blog網頁便完成，若你想Flickr badge在自由欄位置中，在語法前後加上＜center＞即可（注意＜＞必須半形輸入），十分簡單吧！

　　如果覺得Flickr badge複雜，可試用Flickr Daily Zeitgeist，姑且理解為日記相簿，式樣、功能與Flickr badge的「A Flash badge」差不多，只是欠缺較為彈性的選擇，代之而起是更簡單的設定。
　　先登入你的Flickr帳戶，然後點擊此「http://flickr.com/fun/zeitgeist/」或自行新增視窗輸入該網址，左邊顯示的將是你設定完成後的Flickr Daily Zeitgeist式樣，選擇你要展示哪類相片，展示你的相片只需選「Your photos」，下邊的Code會同時顯示Flickr Daily Zeitgeist語法，同樣複製貼上你在樂多日誌設定的自由欄位，點選「不自動換行」，儲存設定後更新Blog網頁便完成。

文章篇

　　在此你可在文章中設置接著介紹的Flickr slideshow。務求盡量讓你簡單設置，我先公開自己《長洲太平清醮初體驗》中的Flickr slideshow設置語法，你跟著修改便成（注意＜＞必須半形輸入）。

＜iframe align="center" src="http://www.flickr.com/slideShow/index.gne?tags=cctpcc20050515" frameborder="0" scrolling="no" width="500" height="500" /＞＜/iframe＞

　　紅字是可修改的部份，會改變Flickr slideshow在你文章中的一些設置；如非有特別意思，scrolling、width、height沒必要修改。
‧align：slideshow對齊版面位置，目前是置中，刪了便會靠左對齊。
‧src：輸入你的slideshow網址。
‧frameborder：slideshow有否邊框，輸入的數字愈大邊框愈粗，0是沒有。
‧scrolling：slideshow有否捲軸，目前沒有，yes則有。
‧width：slideshow的像素闊度，目前是原大設定。
‧height：slideshow的像素高度，目前是原大設定。

　　在樂多日誌Blog管理頁面中，把文章的「本文」或「追加內容」切換到HTML原始碼，貼上修改好的Flickr slideshow語法，在HTML原始碼狀態下點擊「預覽內容」或「送出Blog」便大功告成。
　　經驗之談，貼上Flickr slideshow語法後再切換到HTML原始碼的話，你會見到語法失去了＜/iframe＞這結尾，這時你需要補回，否則送出Blog後Flickr slideshow下方的一切內容將無法顯示。當你重新編輯文章時，語法也會出現這種情況，建議可在微軟視窗或蘋果OS桌面上（或方便自己的地方）新增一個文字文件（Word或記事本之類），將修改好的語法先複製貼上存檔，以後編輯文章時再將之貼回便方便得多。
　　要設置Flickr slideshow不難，最考起用家的相信是如何找到自己的slideshow網址吧！如果你有用Flickr的Tags把公開相片分類（Tags在你上傳相片到Flickr時可命名設定），可直接於「http://www.flickr.com/slideShow/index.gne?tags=」後加上你的Tags名稱。其他可參考這篇「在網誌中以slideshow方式展示Flickr相簿」，在此恕不重複。

後記

　　你可在Flickr badge、Flickr Daily Zeitgeist或Flickr slideshow下方加上其他文字介紹，在他們的語法後輸入自己想要文字即可，有需要可在文字前加＜br＞分段或＜p＞隔行分段（注意＜＞必須半形輸入）。
　　對於不諳網頁語法的朋友，最好習慣在微軟視窗或蘋果OS桌面上（或方便自己的地方）新增一個文字文件（Word或記事本之類），將未修改前的文章HTML原始碼複製貼上存檔，那麼即使修改後出現問題，貼回舊有原始碼便可復原，不怕愈改愈亂。
　　最後再次提醒注意，網頁語法中的＜＞必須全部半形輸入，我用全形的原因只是為了方便介紹，用半形就變了我在設置，ＯＫ？:)

其他推介文章：
Think of Joe
CSS 美妝術: Flickr 圖片排排站
通過CSS定義控制Flickr的顯示效果
flickr進階玩法大公開