Blogspot 3D標籤雲 (3D標籤雲球)製作速成班

最近很多朋友在問Alex，3D標籤雲怎麼搞在在Blogspot上的？剛好這段期間比較有時間可寫些作品分享，關於標籤雲這部份讓我找尋了很多的資料...也詢問很多的部落客。經過了幾番波折跟研究大量的語法，終於搞定了，所以用了自己的經驗做了以下的速成班，你不用管太多的語法但是請小心服用～這些都是前人的心血，使用完畢後請要心存感激喔！

請注意：只支援Blogspot

原始編碼由Coccus分享

<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ --><script src="http://coccus.myweb.hinet.net/swfobject.js" type="text/javascript"></script><div id="wpcumuluswidgetcontent"><p style="display:none;">
<p><p>WP-Cumulus @ blogger 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 fontcolor = '0x72d000';/* 字體顏色。預設: 0x72d000*/
var tagcloudassociateid = '';/* blogger的自訂網址，例如 'coccus' */

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


var tagstr = '%3Ctags%3E';
for (var j = 0; j < keywords.length; j++){
 var taglink = 'http%3A%2F%2F'+ tagcloudassociateid+'.blogspot.com%2Fsearch%2Flabel%2F' + encodeURIComponent(encodeURIComponent(keywords[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>

就是利用此語法創造出來的

<!-- SWFObject embed by Geoff Stearns geoff@deconcept.com http://blog.deconcept.com/swfobject/ --><script src="http://coccus.myweb.hinet.net/swfobject.js" type="text/javascript"></script><div id="wpcumuluswidgetcontent"><p style="display:none;">

<p><p>WP-Cumulus @ blogger 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("Mac", "iPhone", "日記", "秘技", "Windows", "youtube", "公告", "教學", "Widget", "美食", "旅遊", "產品分享");/* 請在這裡填入標籤，例如  "生活", "音樂" 。欄位數量可以自由擴充縮減 */

var fontcolor = '0x1e90ff';/* 字體顏色。預設: 0x72d000*/

var tagcloudassociateid = 'alexmaclife';/* blogger的自訂網址，例如 'coccus' */

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

var tagstr = '%3Ctags%3E';

for (var j = 0; j < keywords.length; j++){

var taglink = 'http%3A%2F%2F'+ tagcloudassociateid+'.blogspot.com%2Fsearch%2Flabel%2F' + encodeURIComponent(encodeURIComponent(keywords[j]));

var tagkeyword = keywords[j];

var fontsize = 35;

fontsize = 35 - (j * 0.9);

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", "300", "300", "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>

可以看到其實只要照coccus分享的編碼在填入自己的標籤需求就可以嚕

如var keywords = new Array("Mac", "iPhone", "日記", "秘技", "Windows", "youtube", "公告", "教學", "Widget", "美食", "旅遊", "產品分享");/* 請在這裡填入標籤，例如  "生活", "音樂" 。欄位數量可以自由擴充縮減 */

另外一點加入自己的網址

var fontcolor = '0x1e90ff';/* 字體顏色。預設: 0x72d000*/

var tagcloudassociateid = 'alexmaclife';/* blogger的自訂網址，例如 'coccus' */

最後再到版面控制加入HTML/JavaScript將改好的貼上去就完成了！








搞懂了嗎？快速成你的3D標籤雲吧！