博客上的世界杯倒计时
技巧与实践
传递着激情与梦想的世界杯足球赛将于今年6月开赛,如果在自己的博客(Blog)上放置一个实时刷新的世界杯足球赛倒计时器,将能更真切地体验到期盼已久的赛事日益临近。在本文中,我们就使用ClockLink网站提供的时钟服务, 在Blog中DIY一个世界杯足球赛倒计时器。
一、定制倒计时器
在ClockLink网站(http://www.clocklink.com)中,选择进入“Gallery”板块,这里可选择不同类型的个性时钟。不过,由于我们需要的是倒计时时钟,因而要切换到“Count Down & Up”标签页,在此会看到几种样式的倒计时时钟。笔者选择了名为“9001J”时钟,点击下端的“View HTML tag”按钮,以便设置倒计时的时间等参数。
查看“YOUR CLOCK : Countdown 9001J”窗口,在“Color”中选择时钟的颜色(建议根据个人Blog首页的背景色选择搭配)。而后点击“TimeZone :”下拉列表,在此须选择本地所属时区,其默认为新西兰时间,国内的网友应选择“China Coastal Time (GMT+ 08:00)”。再查看“Countdown to :”项目,在此设置倒计时截止的时间(本届世界杯足球赛将于6月9日开赛)。
此后,在“Title :”选项中输入该时钟的标题,如“世界杯倒计时器”之类,在“Message :”中输入消息(本例中可选择不填),设置完毕后点击右侧按钮刷新,以便预览效果。最后,在最下端的下拉列表中选择当前时钟的大小(见图)。全部设置完毕后,查看页面中的“HTML Tag :”列表框,复制其中的代码。

二、插入倒计时代码
登录自己的Blog,进入管理界面后,选择修改主模板。切换到“源码”视图,在适当的位置处插入以上的HTML Tag代码。不过,笔者在预览页面看到该倒计时器的大小超出了Blog左侧边栏的宽度,影响整体美观性。所以打算尝试通过修改代码缩短倒计时时钟的长度(因为这已是最小的ClockLink倒计时时钟)。
再次查看主模板的“源码”视图,找到刚才复制那段代码中的“width="288"”这个参数,将“width”(宽度)的数值适当缩小,再预览其效果,直至满意为止。如果你觉得如此调节会影响到时钟数字显示的大小,可将此倒计时器放置到页面的底端。设置完毕后,保存修改,刷新首页即可看到Blog中的世界杯倒计时器。