最近很多部落格都會使用3D TAG這功能

其實這是一隻FLASH的程式

請複製以下程式

<script src="http://coccus.myweb.hinet.net/swfobject.js" type="text/javascript"></script><div id="wpcumuluswidgetcontent"><p style="display:none;">
<p><p>WP-Cumulus @ pixnet by <a href="http://monococcus.pixnet.net/blog/">coccus</a> requires Flash Player 9 or better.</p></p></p></div>
<script type="text/javascript">


/* 標籤與連結設定 */
var keywords = new Array("遊記", "碎碎唸", "", "", "", "", "", "", "", "", "", "", "", "", "", ""); /* 請在這裡填入分類文字 */
var keywordlinks = new Array("236517", "186310", "", "", "", "", "", "", "", "", "", "", "", "", "", ""); /* 請在這裡填入分類編號 */
var fontcolor = '0xDC0300';/* 字體顏色。預設: 0xDC0300*/
var tagcloudassociateid = 'homnote';/* pixnet的ID*/


/* 標籤與連結設定結束 */


var tagstr = '%3Ctags%3E';
for (var j = 0; j < keywords.length; j++){
var taglink = 'http%3A%2F%2F'+ tagcloudassociateid+'.pixnet.net%2Fblog%2Fcategory%2F' + encodeURIComponent(keywordlinks[j]);
var tagkeyword = keywords[j];
var fontsize = 18;
fontsize = 18 - (j * 0.6);


if(tagkeyword.length > 0)
tagstr += '%3Ca+href%3D%27' + taglink + '%27class%3D%27tag-link-32%27+title%3D%271+%E4%BB%B6%E3%81%AE%E3%83%88%E3%83%94%E3%83%83%E3%82%AF%27+target%3D%22_blank%22+rel%3D%22tag%22+style%3D%27font-size%3A+' + fontsize + 'pt%3B%27%3E' + tagkeyword + '%3C%2Fa%3E%0A';
}
tagstr += '%3C%2Ftags%3E';


var rnumber = Math.floor(Math.random()*9999999);var widget_so = new SWFObject("http://coccus.myweb.hinet.net/tagcloud.swf?r="+rnumber, "tagcloudflash", "190", "200", "9", "#ffffff");widget_so.addParam("wmode", "transparent");widget_so.addParam("allowScriptAccess", "always");widget_so.addVariable("tcolor", fontcolor);widget_so.addVariable("tcolor2", fontcolor);widget_so.addVariable("hicolor", fontcolor);widget_so.addVariable("tspeed", "100");widget_so.addVariable("distr", "true");widget_so.addVariable("mode", "tags");widget_so.addVariable("tagcloud", tagstr);widget_so.write("wpcumuluswidgetcontent");
</script>
<noscript>請確定您有開啟javascript的功能</noscript>

 

上面紅色字體部分是待修改的

以痞客邦而言

遊記、碎碎唸...是我的文章分類

236517、186310...是按下分類後得到的數字

例:http://homnote.pixnet.net/blog/category/236517

236517編號對應到遊記這個文章分類

DC0300是色碼編號,附上色碼表

homnote是我痞客邦的ID,就是登入帳號

 

複製以上程式碼>然後到痞客邦管理後台>側邊欄位設定>新增版位>貼上該段修改過的程式碼>拉進側欄>儲存版面

 

**若還有疑問在coccus的推理空間裡有更詳細教學**

以上教學原作coccus

 

 

 

 

 

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

幽魂小貓

homnote 發表在 痞客邦 留言(1) 人氣()