http://rhinohorns.blogspot.com/2007/10/blog-post_9568.html 空想雲的程式碼

前置條件：已加入「標籤」網頁元素。

範本 -> 修改HTML，不需鉤選「展開小裝置範本」(備份 Template 是良好的習慣)。
1)
]]> 之前
<br />/* Label Cloud Styles<br />----------------------------------------------- */<br />#labelCloud {text-align:center;font-family:arial,sans-serif;}<br />#labelCloud .label-cloud li{display:inline;background-image:none<br />!important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0<br />!important;}<br />#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}<br />#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}<br />#labelCloud a{text-decoration:none}<br />#labelCloud a:hover{text-decoration:underline}<br />#labelCloud li a{}<br />#labelCloud .label-cloud {}<br />#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}<br />#labelCloud .label-cloud li:before{content:"" !important}<br />
2)
</head> 之前，
<br /><script type="'text/javascript'"><br />// Label Cloud User Variables<br />var cloudMin = 1;<br />var maxFontSize = 20;<br />var maxColor = [0,0,255];<br />var minFontSize = 10;<br />var minColor = [0,0,0];<br />var lcShowCount = false;<br /></script><br />
3)
尋找 <b:widget id='Label1' locked='false' title='Labels' type='Label'/>，title 部分會因標籤取名不同而異，尋找時需注意。以下列碼取代，
<br /><b:widget id="'Label1'" locked="'false'" title="'Label" type="'Label'"><br /><b:includable id="'main'"><br /><b:if cond="'data:title'"><br /><h2><data:title/></h2><br /></b:if><br /><div class="'widget-content'"><br /><div id="'labelCloud'/"><br /><script type="'text/javascript'"><br />// Don't change anything past this point -----------------<br />// Cloud function s() ripped from del.icio.us<br />function s(a,b,i,x){<br />if(a>b){<br />var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)<br />}<br />else{<br />var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)<br />}<br />return v<br />}<br />var c=[];<br />var labelCount = new Array();<br />var ts = new Object;<br /><b:loop values="'data:labels'" var="'label'"><br />var theName = "<data:label.name/>";<br />ts[theName] = <data:label.count/>;<br /></b:loop><br />for (t in ts){<br />if (!labelCount[ts[t]]){<br />labelCount[ts[t]] = new Array(ts[t])<br />}<br />}<br />var ta=cloudMin-1;<br />tz = labelCount.length - cloudMin;<br />lc2 = document.getElementById('labelCloud');<br />ul = document.createElement('ul');<br />ul.className = 'label-cloud';<br />for(var t in ts){<br />if(ts[t] < cloudMin){<br />continue;<br />}<br />for (var i=0;3 > i;i++) {<br />c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)<br />}<br />var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);<br />li = document.createElement('li');<br />li.style.fontSize = fs+'px';<br />li.style.lineHeight = '1';<br />a = document.createElement('a');<br />a.title = ts[t]+' Posts in '+t;<br />a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';<br />a.href = '/search/label/'+encodeURIComponent(t);<br />if (lcShowCount){<br />span = document.createElement('span');<br />span.innerHTML = '('+ts[t]+') ';<br />span.className = 'label-count';<br />a.appendChild(document.createTextNode(t));<br />li.appendChild(a);<br />li.appendChild(span);<br />}<br />else {<br />a.appendChild(document.createTextNode(t));<br />li.appendChild(a);<br />}<br />ul.appendChild(li);<br />abnk = document.createTextNode(' ');<br />ul.appendChild(abnk);<br />}<br />lc2.appendChild(ul);<br /></script><br /><noscript><br /><ul><br /><b:loop values="'data:labels'" var="'label'"><br /><li><br /><b:if cond="'data:blog.url"><br /><data:label.name/><br /><b:else/><br /><a href="'data:label.url'"><data:label.name/></a><br /></b:if><br />(<data:label.count/>)<br /></li><br /></b:loop><br /></ul><br /></noscript><br /><b:include name="'quickedit'/"><br /></div><br /></b:includable><br /></b:widget><br />