『標籤雲』

(貓花園‧2009.2.26)

Blogger 真的很好玩唷！
因為 Blogger 提供了一個原始碼開放的平台，所以網路上可以找到各色小工具。
剛剛完成進階版的『最新回應』，現在就來把我的標籤，改成標籤雲(Label Cloud)啦！

標籤雲, 把標籤依據相關文章篇數，顯示成大小不同的標籤。當標籤夠多，且相關文章的篇數差異大時，大大小小的文字遠遠看來就像一朵一朵的雲。*_*

參考網址：謝謝 Josh, phydeaux3 及 凍仁。
1. Josh's Note: Label Clouds(標籤雲) For Blogger
2. phydeaux3: Setup and configuration for New Blogger Tag Cloud / Label Cloud (英)
3. 凍仁的 Ubuntu 筆記: 【Blogger】標籤雲 (部分程式碼有中文說明)


步驟一： 備份程式碼。
這也是最重要的步驟唷，備份原有的程式碼，萬一改壞了，才不會毀了原先的心血，欲哭無淚。
(我第一次就改壞了，緊張死了。幸好還有備份。)
1.點選畫面上方的「自訂」，進入 blogger 的網誌設定後台。
2.點選「版面配置」，點選「修改HTML」，點選「下載完整範本」，一般是存成「XML Editor」。
3.然後把剛剛下載的 XML 檔案拷貝一份，建議修改拷貝檔案。


步驟二：編輯 xml, 加入三段程式碼。
1. 使用文字編輯器(我用的是 UltraEdit-32)來開啟 XML 檔案，記住若詢問「是否轉成DOS格式?」，要回答 No。
2. 加入第一段程式碼(CSS)：
=======================================================================
(唉！原來這裡不能隨便放程式碼，所以請參考前輩網誌)
=======================================================================
我是過修改的地方有：
-text-align:center (justify, right, left)
-font-family:verdana,cwTeX粗黑體 (verdana 近來迷上的字體)
-display:inline (block)

3.加入第二段程式碼(Variable)：
=======================================================================
(唉！原來這裡不能隨便放程式碼，所以請參考前輩網誌)
=======================================================================
- 記得修改網址 http://xxxxx.blogspot.com (xxxx 就是你的網誌ID)
- 我設定 lcShowCount = true (標籤不多，文章也少，就顯示出來供參考)

4. 最後找到 Label1 的小裝置(widget)，把整段以下列程式碼取代之。
=======================================================================
(唉！原來這裡不能隨便放程式碼，所以請參考前輩網誌)
=======================================================================


步驟三： 上載份程式碼。
1.點選畫面上方的「自訂」，進入 blogger 的網誌設定後台。
2.點選「版面配置」，點選「修改HTML」，點選「瀏覽」，找到你剛剛改好的 XML 檔案，再按「上載」。
3.若是上載出現錯誤，表示有改錯的地方，請小心更正。
上載完成，檢視你的網誌，標籤雲就出現啦！


注意事項：
1. 必須已經安裝 blog 提供的標籤才會有 Label1 的小裝置(widget)。
2. 至少要有一個標籤使用中。