從前在無名時，常常看到VIP的會員可以在邊欄上面插入許多有趣的小功能，就像是sandor現在旁邊的Flickr badge一樣，無奈自己一直都是免費會員所以也只有摸摸鼻子，淚往肚子裡吞了。不過，自從搬來PIXNET後，沒想到他們竟然有開放免費會員使用java script語法，所以我自然不能放過這個機會囉!!現在我就來分享一下要怎麼在PIXNET blog中插入Flickr badge。
Step 1. 先前往Flickr badge的網頁。這裡總共有兩種樣式可以選擇，一種是HTML格式，而另一種是Flash版本的。在這裡我是選擇Flash版本的做介紹。
Step 2. 這裡是要選擇照片的來源，在圖片中都有解釋各個選項了，麻煩大家看一下圖片囉 :)
Step 3. 這個頁面是可以選擇背景、格線、連結以及文字的顏色。下面可以預覽成果是不是你要的樣子 :)
Step4. 然後你就可以看到一堆程式碼，這裡你也不用懂，只需要全選(Ctrl +A)然後複製(Ctrl + C)下來就可以了 :)
Step 5. 接者，趕快進入Blog的後台，然後選擇部落格管理->版面管理->版面設定，最後選擇新增自訂欄位。
Step 6. 在自定欄位名稱輸入你想要的名字，像我是輸入sandor的Flickr相簿。接者在欄位內容貼上(Ctrl + V)剛剛複製下來的那一堆看不懂的程式碼
Step7. 接者把你新增出來的欄位直接用滑鼠拖曳到您想要的版位就可以儲存版面排序。接者就是收工吃飯去了 :P
當然，這裡只是用Flickr badge來示範如何在PIXNET blog中插入額外的java script程式碼，你也可以用同樣的方式插入許許多多的小程式來增加自己blog的功能。 :)
延伸閱讀:
* Flickr與桌布的完美結合~
* Flickr與螢幕保護程式的邂遘~
* 我的武功祕笈
Step 1. 先前往Flickr badge的網頁。這裡總共有兩種樣式可以選擇，一種是HTML格式，而另一種是Flash版本的。在這裡我是選擇Flash版本的做介紹。
Step 2. 這裡是要選擇照片的來源，在圖片中都有解釋各個選項了，麻煩大家看一下圖片囉 :)
Step 3. 這個頁面是可以選擇背景、格線、連結以及文字的顏色。下面可以預覽成果是不是你要的樣子 :)
Step4. 然後你就可以看到一堆程式碼，這裡你也不用懂，只需要全選(Ctrl +A)然後複製(Ctrl + C)下來就可以了 :)
Step 5. 接者，趕快進入Blog的後台，然後選擇部落格管理->版面管理->版面設定，最後選擇新增自訂欄位。
Step 6. 在自定欄位名稱輸入你想要的名字，像我是輸入sandor的Flickr相簿。接者在欄位內容貼上(Ctrl + V)剛剛複製下來的那一堆看不懂的程式碼
Step7. 接者把你新增出來的欄位直接用滑鼠拖曳到您想要的版位就可以儲存版面排序。接者就是收工吃飯去了 :P
當然，這裡只是用Flickr badge來示範如何在PIXNET blog中插入額外的java script程式碼，你也可以用同樣的方式插入許許多多的小程式來增加自己blog的功能。 :)
延伸閱讀:
* Flickr與桌布的完美結合~
* Flickr與螢幕保護程式的邂遘~
* 我的武功祕笈
文章標籤
全站熱搜
電腦 | 軟體/桌布 (2)
謝謝你的教學^^
感謝教學，很清楚明瞭^^
不謝 :) 大家一起進步囉 互相學習學習
很清楚的教學，讓人一看就懂^^
請問這功能在樂多可以用嗎? 我按照步驟做 結果還是無法呈現
你可能要先去check樂多是不是可以使用javascript喔!如果可以的話，照著步驟做應該是不會有問題的 @@ PS.不好意思 我沒有用過樂多 所以也不知道該怎麼回答你 XD
嗯嗯 我再試試看 謝謝你的回答 我剛剛逛到有一個樂多網誌有成功 我再問問看好了 謝謝喔
不用謝了啦 :) 我也沒幫到什麼忙~希望你可以盡快問到解決的方法喔
在批踢踢的部落格板爬文找教學 正好就看到你這篇詳細的教學~ 感恩 正在摸索flickr中...
謝謝 :) 大家一起快樂玩flickr吧
很詳細的介紹~
謝謝 :) 大家一起快樂玩flickr吧
請問一下唷 要怎麼設定 才能讓flickr的相簿在新視窗開啟啊? 先謝囉!
你得要在程式碼裡的a href指令中加入target"_blank"的參數喔 :) 你試試看吧
研究了好久不得要領 感謝google大神讓我找到你的教學文章 一分鐘解決我連日來的挫敗 感謝!
不會~:)