至顶网›网络频道 ›给Blog添个漂亮实用的计数器

给Blog添个漂亮实用的计数器

扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条

在Blog中添加一个漂亮的计数器，不但能为Blog增色不少，还能方便Blog的主人了解网站的访问量。本着从网络中来到网络中去的原则，笔者从网上搜得一个制作简单且样式丰富的计数器代码生成网站，一起来看看吧！

作者：论坛整理来源：zdnet安全频道 2008年12月23日

关键字：博客

　　选择样式

　　启动IE浏览器，在地址栏中输入网址http://www.amazingcounters.com并回车，打开“Amazing Counters（直译为：惊人的计数器）”页面。再点击“Create Your Free Web Counter Now!（现在制作你的免费计数器）”蓝色链接，跳转至第一制作步骤页面，页面中展示了为数不少的计数器样式，每个选项旁均有缩略图可供查看，点击选项前的小圈即可选中该样式。如果当前页面中所展示的计数器样式没有令你感到满意的，可将页面右侧的滑块拖动至底部，这样就可以看到大量分类样式链接，点击这些链接可以打开对应的分类页面，从中挑选你所喜欢的计数器样式，总共有450个样式可供选择（如图1）。

给Blog添个漂亮实用的计数器（图一）

图1

　　注册申请

　　选择完毕后，点击下一步按钮（位于页面下部“Submit info & Go to Step 2”右侧），进入注册申请页面。在这一页面中，需要填写一张表格（如图2），自上而下依次在文本框中输入用户名称、邮箱地址、密码、重复密码、网站名称、网站地址、计数器初始数值（默认值为0，可填写任意数值作为初始数值）、计数规则（可选择“点击数”或者“仅浏览量”），勾选协议复选框，最后点击下一步按钮，进入步骤3。

给Blog添个漂亮实用的计数器（图二）

图2

　　获取代码生成计数器

　　在步骤3页面中，就可以看到生成的代码了。点击“ click to select code（选择代码)”链接，文本框中的代码全部被选中，然后点击鼠标右键，选择弹出菜单中的“复制”选项（如图3），将代码复制到内存中备用。

给Blog添个漂亮实用的计数器（图三）

图3

　　提示：点击“Send My HTML Code（发送代码）”按钮，可以将生成的代码发送至指定邮箱（发件邮箱：html@amazingcounters.com，邮箱主题：Amazing Counters HTML Code），方便日后查看调用。

　　登录你的MSN Spaces，点击“编辑您的共享空间”按钮，进入编辑页面，再点击网络日志栏目的“添加项”按钮，跳转至网络日志编辑页面，点击工具面板上的“<HTML>”按钮，切换至HTML模式，将上文复制的代码粘贴到编辑区，再次点击“<HTML>”按钮就可以看到效果了，编辑完日志全文后，点击“发布项”按钮即可。

　　如果你希望计数器能始终处于首页，就必须通过创建模块的方法来实现。进入MSN Spaces编辑页面后，在浏览器地址栏的地址后面添加“&powertoy=sandbox”（不包括引号），然后回车跳转至新页面，点击右上方的“自定义”按钮，再点击左上方的“模块”菜单，在下拉菜单中找到“PowerToy: Custom HTML”选项，并点击其后的“创建”，MSN Spaces中即生成一个名为“Custom HTML”的模块（在标题栏按下鼠标左键，可将其拖动至你所满意的位置），点击“保存”按钮将其固定。再将计数器代码粘贴到文本框中，在“Module Name（模块名称）”栏输入文字可对模块重命名，“Show Border（显示边界）”复选框可根据个人喜爱选择，点击“Save（保存）”按钮完成设置（如图4）。

给Blog添个漂亮实用的计数器（图四）