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.程式碼下載:純標籤純分類

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.插入欄位 > 新增,完成!

創作者介紹
創作者 coccus 的頭像
coccus

coccus的推理空間

coccus 發表在 痞客邦 留言(29) 人氣()