網頁

2008年4月19日 星期六

無名小站加入flickr徽章badge教學

參考了一些方法,終於成功地把flickr badge(Flickr 徽章)加到無名的網誌裡了。這需要一些時間,請把這頁加入「我的最愛」。

圖片 6.png

方法有兩種,一種是用Flickr Zeitgeist,較簡單。但功能受限。另一種則是真的Flickr badge,較複雜,不過可以用標籤或相簿等功能,選擇特定的相簿分享。......


==Flickr Zeitgeist在無名網誌分享==

這個步驟在「阿君」的blog有詳細說明,在此就不多說了。

簡單的說,在Flickr Zeitgeist擇了分享的方式後,把HTML碼複製下來。==>登入無名==>資料夾管理==>新資料夾== >連結管理==>新增連結==>在連結名稱上貼上複製下來的HTML碼即可。


==Flickr徽章(Flickr Badge)在無名網誌分享==

因為無名無法接受iframe格式,步驟可分成四階段

1. 在Flickr徽章網頁中,取得原始HTML檔。

2. 將原始檔加密。

3. 製成「.js」檔上傳到網路空間。

4. 加入到無名小站的連結中。


===1.在Flickr徽章網頁中,取得原始HTML檔。===

登入flickr badge後,依照它的指示選擇,最後,將代碼複製下來。

圖片 1.png


===2. 將原始檔加密。===

利用「網頁加密產生器」將剛才的代碼貼上,按下「語法加密」鍵,再將加密完的程式代碼複製下來。

圖片 4.png


===3. 製成「.js」檔上傳到網路空間。===

把複製下來的代碼放到「記事本」上,去掉頭尾的<script> 和 </script>變成類似下方的形式

<!--

document.write(unescape("%3C%21--%20 ..................20of%20Flickr%20Badge%20--%3E"));

-->


notepad

再上傳到你的網頁空間中,我是用GooglePages,大牌子,不用常搬家。所以得到一個url像http://jyyihch.googlepages.com/flickr.js

googlepages


===4. 加入到無名小站的連結中。===

接著的步驟就簡單了,==>登入無名==>資料夾管理==>新資料夾==>連結管理==>新增連結==>在連結「名稱」上貼上以下HTML碼就可以了。

<script src="http://jyyihch.googlepages.com/flickr.js" type="text/javascript" charset="utf-8"></script>
其中紅色的部分是由你的網路空間而得到的url,會和我的不一樣。


圖片 5.png


願上帝祝你一次就成功。

沒有留言:

張貼留言