为自己的blogger博客加上标签云
参考:http://laushoock.blogspot.com/2008/07/bloggerlabel-cloud.html
首先,如果各位还有人不知道什么是标签云的话,
建议你到英文维基百科上看看,就点这个链接就好了:Tag Cloud
简单地说,就是像本站的标签摆放一样:文章数量多的字体大,数量少的字体小,排列的随意就像云一样,于是叫做标签云
第一,先在你的blogger控制台里面,进入布局–>修改Html;
第二,如果你用的是firefox,Ctrl+f在浏览器底部打开查找功能,找到 ]]>,然后在这个代码之前添加:
/* Label Cloud Styles
———————————————– */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:”" !important}
第三,查找(似乎就在肉眼看得见的地方~),然后在前面添加下面的代码:
<script type=’text/javascript’>
// Label Cloud User Variables
var lcBlogURL = “http:// blog.programet.cn“;
var maxFontSize = 30 ;
var maxColor = “black“;
var minFontSize = 15 ;
var minColor = “blue“ ;
var lcShowCount =true;
</script>
代码说明:lcBlogURL是你的博客域名;maxFontSize是最大的字号(用来对应出现最多的Tag),maxColor是最大字号的颜色,也可用16进制表示;minFontSize是最小的字号(用来对应出现最少的Tag),minColor是最小字号的颜色,也可用16进制表示;lcShowCount是指是否显示该标签对应的文章数目,我设置为true,如果不想显示可以设置为 false。
最后,我们要调整下修改过后的“标签”栏的属性。
查找<b:widget id=’Label1′ locked=’false’ title=’Label Cloud’ type=’Label’>
或者 <b:widget id=’Label1′ locked=’false’ title=’标签’ type=’Label’/>
似乎firefox不支持这么长的查询,我们就缩短一点查找也行。找到上面的任意一行后,用以下代码替换它:
点击查看
代码说明:代码的作用是计算每一个标签所对应的文章数量比例,然后照着对应到显示的字号上,同时排下版。
接着保存模板,你就可以拥有自己的标签云了。
本文由 严酷的魔王 创作,转载或引用前请联系我们。
相关文章:
标签:标签, 站务, 设计