我的百度空间选用的模版是“清绿竹苑”,计数器使用的是http://www.51.la/提供的。由于百度空间不支持外联javascript式样的计数器,51.la计数器支持图片方式,所以在CSS自定义模板、博客等处可以引用以实行特定的统计目的。
如何申请和使用51.la计数器
请参考http://hi.baidu.com/tianshixiadao/blog/中“代码应用技术”类别的“博客流量统计”一文。我也是正好搜到这篇文章去设置的。
该文介绍的方法是:
#header{background:url(http://img.users.51.la/723092.asp) no-repeat;}
这样作有一个缺点:设置了这个原先的模版标题栏的图片就没有,同时使用两个背景好像是不行的,不支持双背景?
我的方法是:
加到div.desc或者div.tit里面,这两个一个是空间简介,一个是空间名称。
我在测试时发现这样作效果不好,将文字后的背景覆盖了,看不出前面的文字了。
这样没有关系啊,反正这两个内容模块没有背景,将背景设置成不平铺,向右对齐就可以了。
添加代码为:
;background:url(http://img.users.51.la/1063493.asp) no-repeat right;
里面的http://img.users.51.la/1063493.asp改成你申请的获取统计代码中的相应内容,千万不要直接使用上面代码,把我的计数器加在你的主页上啊。
例如:
原先的代码中div.desc段为:
div.desc{top:60px;left:20px;color:#ECF9EE;font-size:12px;}
可以更改为:
div.desc{top:60px;left:20px;color:#ECF9EE;font-size:12px;background:url(http://img.users.51.la/1063493.asp) no-repeat right;}
其中:
no-repeat 设置图片不平铺
right 设置图片向右对齐
这样设置后你可能发现计数器图片虽然换了个位置但是还是挡在文字下面?这太好办了,点“设置”将“空间简介”和“空间名称”后面加上足够的全角空格或者半角空格又或者其他喜欢的字符用来赎格就就可以了。
设置计数器前需要选择一个自己喜欢的模版,再从搜索引擎上找到这个模版的CSS模板代码,或者自己制作一个。然后,修改该代码加入相关内容。再点“设置”中的“模版设置”,“创建新模版”,将CSS模板代码粘入应用就可以了。