Blogger beta 添加标签云

Step1:找到 ]]＞＜/b:skin＞ ，并将代码添加在]]＞＜/b:skin＞之前。

<br />* Label Cloud Styles-----------------------------------------------#labelCloud {text-align:center;font-family:arial,sans-serif;}<br /><br />#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}<br /><br />#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}<br /><br />#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}<br /><br />#labelCloud a{text-decoration:none}<br /><br />#labelCloud a:hover{text-decoration:underline}<br /><br />#labelCloud li a{}<br /><br />#labelCloud .label-cloud {}<br /><br />#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}<br /><br />#labelCloud .label-cloud li:before{content:"" !important}<br /><br />

Step2：然后]]＞＜/b:skin＞之后，Head之前添加以下代码：

<br /><script type="text/javascript"><br /><br />// Label Cloud User Variables<br /><br />var lcBlogURL = 'http://YOURBLOG.blogspot.com';<br /><br />var maxFontSize = 20;<br /><br />var maxColor = [0,0,255];<br /><br />var minFontSize = 10;<br /><br />var minColor = [0,0,0];<br /><br />var lcShowCount = false;<br /><br /></script><br /><br />

修改YOURBLOG为你网站连接，(如：http://ohpcworld.blogspot.com)颜色，文字和大小等可自行定义。maxFontsize表示字体最大值，minFontSize表示字体最小值，minColor表示颜色最浅值，maxColor表示颜色最深值。

Step3:
找到以下的代码：

<br /><b:widget id="'Label1'" title="'Labels'" type="'Label'/" locked="'false'">

然后替换成以下的代码：

<b:widget id="Label1" title="Label Cloud" type="Label" locked="false"><b:includable id="main"><br /><br /><b:if cond="data:title"><br /><br /><h2><?xml:namespace prefix = data /><data:title></data:title></h2><br /><br /></b:if><br /><br /><div class="widget-content"><br /><br /><div id="labelCloud"><br /><br /><script type="text/javascript"><br /><br />// Don't change anything past this point -----------------<br /><br />function s(a,b,i,x){<br /><br />if(a>b){<br /><br />var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)<br /><br />}<br /><br />else{<br /><br />var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)<br /><br />}<br /><br />return v<br /><br />}<br /><br />var ta=0<br /><br />var c=[];<br /><br />var labelCount = new Array();<br /><br />var ts = new Object;<br /><br /><b:loop values="'data:labels'" var="'label'"><br /><br />var theName = "<data:label.name/>";<br /><br />ts[theName] = <data:label.count/>;<br /><br /></b:loop><br /><br />for (t in ts){<br /><br />if (!labelCount[ts[t]]){<br /><br />labelCount[ts[t]] = new Array(ts[t])<br /><br />}<br /><br />}<br /><br />tz = labelCount.length-1;<br /><br />lc2 = document.getElementById('labelCloud');<br /><br />ul = document.createElement('ul');<br /><br />ul.className = 'label-cloud';<br /><br />for(var t in ts){<br /><br />for (var i=0;3 > i;i++) {<br /><br />c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)<br /><br />}<br /><br />var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);<br /><br />li = document.createElement('li');<br /><br />li.style.fontSize = fs+'px';<br /><br />li.style.lineHeight = '1';<br /><br />a = document.createElement('a');<br /><br />a.title = ts[t]+' Posts in '+t;<br /><br />a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';<br /><br />a.href = lcBlogURL+'/search/label/'+encodeURIComponent(t);<br /><br />if (lcShowCount){<br /><br />span = document.createElement('span');<br /><br />span.innerHTML = '('+ts[t]+') ';<br /><br />span.className = 'label-count';<br /><br />a.appendChild(document.createTextNode(t));<br /><br />li.appendChild(a);<br /><br />li.appendChild(span);<br /><br />}<br /><br />else {<br /><br />a.appendChild(document.createTextNode(t));<br /><br />li.appendChild(a);<br /><br />}<br /><br />ul.appendChild(li);<br /><br />abnk = document.createTextNode(' ');<br /><br />ul.appendChild(abnk);<br /><br />}<br /><br />lc2.appendChild(ul);<br /><br /></script><br /><br /><noscript></noscript><br /><br /><b:include name="quickedit"></b:include><br /><br /></div><br /><br /></b:includable><br /><br /></b:widget></div><br /><br />

可以了。