WP-Cumulus是很有名的標籤雲球,不過一開始並不支援中文。後來日本的ajaxblogparts改寫出Amazon タグクラウド套件,我再以這個套件為基礎,配合敗家誌的flash教學,最後加上寵物先生處理掉encodeURI的問題,終於完成這份教學>D<//
要怎麼使用立體、3D的flash標籤雲球呢?以下整理了四種blog:blogger、fc2、pixnet痞客邦和roodo樂多的標籤雲球製作方法。
首先,先整理一下這四個部落格的分類法:
標籤tag | 分類category | |
blogger | ○ |
|
fc2 | ○ |
○ |
pixnet痞客邦 | ○ |
|
roodo樂多 | ○ | ○ |
以難易度來看,最簡單的是blogger的標籤、再來是fc2的標籤;剩下fc2的分類、痞客和樂多的狀況都差不多 -x- 以下請配合這裡閱讀。
概論:
因為這是土法煉鋼,所以第一步有事先準備、再來改程式碼。
1.準備要顯示的標籤文字和連結
2.修改程式碼
3.放到blog中、完成
以下是各blog的製作方法:
pixnet 標籤雲球的製作方法
請參照這篇
blogger 標籤雲球的製作方法
範例:http://coccus.blogspot.com/
1.blogger的標籤是最簡單的,他的連結網址就是標籤。所以第一步不用特別準備,只要決定好你要用哪些既有標籤就好。
2.程式碼請按這裡下載
修改 :
2.a.填入標籤文字,如下:
var keywords = new Array("推理小說", "華文推理小說", "blog二三事", "", "", "", "", "", "", "", "", "", "", "", ""); /* 請在這裡填入標籤文字 */
沒有填滿沒關係、只要注意 " 和 , 不要消失、文字和編號有一一對應就好。如果你的標籤非常多,可以繼續擴充~但是版面會很花 XD
2.b.修改顏色:預設是綠色
2.c.填入blogger URL:請填入自己的blogger url開頭。例如 coccus.blogspot.com 就是填入 "coccus" ~
3.新增小工具 > Html/ Javascript > 將修改過的程式碼貼上、完成!
fc2 的標籤雲球作法
範例:http://lunajill.blog124.fc2.com/
1.fc2有標籤和文章分類,如果打算用標籤,那就不用特別準備;如果要用分類,請先收集分類名稱和分類編號。分類編號指的是分類網址中的數字,例如http://coccus.blog43.fc2.com/blog-category-4.html 這中的4就是我們要的數字
另外還有個問題是,如果你用的fc2是日文版而非中文版,有些字會變成#124355 之類的表示法,這樣...無解 =D= 請乖乖用分類吧ˇ
2.a.
純標籤修改:同blogger,直接在 keywords中填入標籤文字
純分類修改:分別在keywords和keywordlinks中填入分類文字和編號
var keywords = new Array("推理小說", "華文推理小說", "blog二三事", "", "", "", "", "", "", "", "", "", "", "", ""); /* 請在這裡填入分類文字 */
var keywordlinks = new Array("4", "16", "7", "", "", "", "", "", "", "", "", "", "", "", ""); /* 請在這裡填入分類編號 */
有沒有混合用的?有,可是很麻煩…有人問再寫吧OTZ
2.b.修改顏色:預設是綠色
2.c.填入fc2 URL:請填入fc2帳號和blog編號,例如 coccus.blog43
3.邊欄設定(プラグインの設定) > PC用、公式プラグイン追加 > 將修改過的程式碼貼上、完成!
樂多的標籤雲球製作法
範例:http://blog.roodo.com/coccus/
1.樂多也是兩種都有,可是兩種一樣麻煩 ... 因為他標籤前面有串亂數,完全沒有易用性 (炸) 所以,不管要用標籤或者是分類,都要收集網址。
如果使用標籤,要的是這段:http://blog.roodo.com/coccus/tag/154737/非心得
如果使用分類,要的是這段:http://blog.roodo.com/coccus/archives/cat_78875.html
2.程式碼下載:這裡
2.a.將文字和連結分別甜入 keywords 和 keywordlinks 中
var keywords = new Array("非心得(標籤)", "非心得(分類)", "", "", "", ""); /* 請在這裡填入文字 */
var keywordlinks = new Array("tag/154737/非心得", "archives/cat_78875.html", "", "", "", ""); /* 請在這裡填入連結 */
2.b.修改顏色:預設是綠色
2.c.填入樂多網址:請填入自己的樂多網址,例如 coccus
3.插入欄位 > 新增,完成!
留言列表