2009年2月1日星期日

为Blogger添加标签云

终于忍不住为Blog添加了标签云功能(演示|本Blogger没用使用,因为目前还不想用,之所以为那个Blog添加标签云是因为自己想实践一下。),用的是色彩斑斓的方法

方法还是很简单的——

修改之前请先确认自己的Blogger已经添加了“标签(Label)”小工具备份模板

Step1:
添加CSS代码。找到
]]>

并将以下代码添加在其之前:
/* 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}




Step2:
添加布局部分代码。仍然找到 ]]>,但这一次我们要在它之后、Head之前添加以下代码:


修改红色的lukexzt为你的名字
其中关于颜色,文字大小等值可以自定义,以跟你的Blog色调搭配:
maxFontsize表示字体最大值
minFontSize表示字体最小值
minColor表示颜色最浅值
maxColor表示颜色最深值
lcShowCount 之后的false 和true 决定是否显示分类数量


Step3:
修改的是Widget本身。查找:

然后,如果你没有展开代码(推荐),只需要用以下代码替换这一行(即以“<”开头“>”结尾的代表Widget的那行代码);相反,你要替换整个Widget:(代码比较长,务必全部复制!)









































至此大功告成,保存模板。

0 评论:

在回复中输入以下符号可以使用对应的表情:
-daxiao- -yaotou- -outu- -sikao- -nu- -love- -ku- -keai- -jingyi- -haqian- -hansi- -faguang- -diantou- -deyi- -bishi- -shoushang- -liulei- -meiwei- -dengpao- -yinyue-

发表评论