星期日, 三月 01, 2009

为Blogger添加Tag Cloud(标签云)

具体方法,这里说的很明确了,我想说一说按照这种方法配置有的属性自定义。

为Blogger添加Tag Cloud(标签云):
http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html

代码共分为三段:
  1. CSS样式,这里可以详细的设置属性
  2. JS配置部分,这里可以方便的修改变量数值,修改常用的属性
  3. widget实现
在这三部分中,显然1、2两部分是可以根据用户需要自行修改的,如果你懂一点CSS的话可以自己改,这里我只谈第二部分的修改问题。


var cloudMin = 1; //Tag数量的最小值
var maxFontSize = 20; //数量最多Tag的字号
var maxColor = [0,0,255]; //数量最多Tag的颜色
var minFontSize = 10; //数量最少Tag的字号
var minColor = [0,0,0]; //数量最少Tag的颜色
var lcShowCount = false; //是否显示Tag包含的文章数量



看过注释相信大家已经基本明白了,这里要说明的是Tag的字号和颜色都是渐变的,处于最多和最少之间的Tag字号和颜色视数量的差距会发生字号和颜色的改变,看上去会很漂亮。还有要说明的是颜色这里使用了RGB的十进制,而一般CSS颜色都是十六进制,需要转换才能填进去。

没有评论: