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 發表在 痞客邦 留言(36) 人氣(5,391)