最近把Blog移到了博客园上,顺便作了些美化,加了点功能,有一些心得,贴出来,希望对大家有帮助。
先看看我添加功能的总体效果
<>
联系方式天气预报访问统计 |
怎么样放在侧栏的话感觉还不错吧,如果放在其他地方的话加个table自己调整一下就可以了
下面我来一个个说明一下各个功能是如何实现的
1、首先是时钟功能的制作,现在网络上提供时钟服务的网站还是挺多的,有些时钟确实十分的漂亮,其实实现的方法还是基本相同的,就拿我的Blog上的Clock为例。我是用的是 ClockLink 提供的时钟,ClockLink 有许多时钟,传统式的、数字式的、自定义的,还有桌面时钟。
贴完这些钟才发现,这些钟不是同步的,哈哈 ,不过还是挺准的
进入ClockLink 的Clock Gallery,找到你中意的时钟的样式(只是样式喔,颜色是可以改的),单击,进入该时钟的选项,你可以选择颜色,时区和时钟的大小,中国的话就选择GMT+08:00,或者直接选择CCT,还可以单击右上角的Display the City Name 来显示城市的名称,这些都十分简单,最后就是复制下窗体下方的代码。
以第一个时钟为例
<embed src="http://www.clocklink.com/clocks/0001-Blue.swf?TimeZone=GMT" width="200" height="200" wmode="transparent" type="application/x-shockwave-flash">
将代码粘贴到你想放置的网页的位置(我的所有的功能都是放在Blog的公告栏的位置的),你就有自己的时钟咯。
2、下面是联系方式(MSN的在线状态标签我设置了半天,即使我在线,但总是显示离线,不知道为什么,不过还是把设置的方式贴出来,希望大家发现错误时候通知我)
QQ的在线状态代码可以到 腾讯互动状态代码生成页 ,选择好了喜欢的在线状态图片风格,填写好QQ/TM号码、留言的网站名称、图片旁的留言,点击,复制下生成的代码就可以了
<a target=blank href=http://wpa.qq.com/msgrd?V=1&Uin=29560234&Site=http://laughterwym.cnblogs.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:29560234:1 alt="点击这里给我发消息"></a>
如果你用的Email是Gmail、MSN、Yahoo、Hotmail的话,恭喜你啦!!!你可以使用 E-Mail Icon Generator 来生成你Email的Tag,只要在 Enter your e-mail address 下面打上你的 mail 地址,选择好邮箱的后缀名,按下 Generate 一切搞定,一个漂亮的Email Tag 诞生了,其实E-Mail Icon Generator 还支持很多 mail ,包括QQ等,可以自己看看喔
你有2种方法引用这个图标,一种是将图片保存下来,上传到自己的空间引用一下;另外一种是直接从这个网站引用。
复制下 To display this image elsewhere, use the URL: 下面红色的网址,这就是你的图片的地址(其实每次引用都是E-Mail Icon Generator 动态生成的)
<a href="mailto:wym.oohoo@gmail.com">
<img border="0" src="http://services.nexodyne.com/email/icon/DoUx.wNmQrU3/1mu0Wsk%3D/R01haWw%3D/0/image.png" width="164" height="21" alt="E-mail:wym.oohoo@gmail.com"></a>
<img border="0" src="http://services.nexodyne.com/email/icon/DoUx.wNmQrU3/1mu0Wsk%3D/R01haWw%3D/0/image.png" width="164" height="21" alt="E-mail:wym.oohoo@gmail.com"></a>
再介绍一下MSN的在线状态标签的制作,可以通过 Online Status Indicator 来制作,制作方法相当方便,填写好 Messenger、User ID 按下 Get Html Code 就可以了
<A HREF="http://osi.hshh.org:8088/message/msn/wym.oohoo@gmail.com">
<IMG SRC="http://osi.hshh.org:8088/msn/wym.oohoo@gmail.com"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
onerror="this.onerror=null;this.src='http://osi.hshh.org/msnunknown.gif';"></A>
<IMG SRC="http://osi.hshh.org:8088/msn/wym.oohoo@gmail.com"
align="absmiddle" border="0" ALT="MSN Online Status Indicator"
onerror="this.onerror=null;this.src='http://osi.hshh.org/msnunknown.gif';"></A>
一样将wym.oohoo@gmail.com改成你的mail地址,需要注意到的是由于安全因素,MSN初始设置是陌生人无法看见你的在线状态,若你不在意的话可以让所有人看见,设置如下:
工具=>选项=>隐私=>勾去只有位于我的“允许名单”上的人才可以查看我的在线状态或向我发消息
3、添加天气预报
我用的天气预报功能是贺星河大哥做的,在 Bitman 上,感觉做的十分好,用的是新浪上的天气数据,设置方法在贺星河大哥的Blog上已经描述得很清楚了,大家可以去那里看看http://www.cnblogs.com/hxhbluestar/archive/2005/08/06/209083.html
4、网站统计设置
在我的Blog上我设置了2个统计,一个是用来显示访问数的,还有一个是用来显示详细访问的
访问数统计使用了 OKcounter.com 的counter,申请过程中需要注册一个网站,别的就很简单了,有很多的counter的样式供选择
<!-- OKcounter Code Start -->
<script language='javascript'> ac=584271 ; lang= 'en'; view = 1; </script>
<script language='javascript' src='http://okcounter.com/js/okcounter.js'></script>
<!-- OKcounter Code End -->
<script language='javascript'> ac=584271 ; lang= 'en'; view = 1; </script>
<script language='javascript' src='http://okcounter.com/js/okcounter.js'></script>
<!-- OKcounter Code End -->
<!-- OKcounter Code Start -->
<a href=http://okcounter.com/en_status.html?id=584271>
<img src=http://okcounter.com/count.html?id=584271 border=0></a>
<!-- OKcounter Code End -->
<a href=http://okcounter.com/en_status.html?id=584271>
<img src=http://okcounter.com/count.html?id=584271 border=0></a>
<!-- OKcounter Code End -->
另外一个统计工具是由 站长统计 提供的,功能不错,又是国内的,可以实现精确统计以下信息∶
- 访问量,包括网站的独立访客数(IP)及页面访问量(Pageview)
- 访问时段,即一天 24 小时内的访问量的分布
- 访问者来自地区,对国内访问的分析可以精确到省
- 来自搜索引擎的访问,可以统计出搜索引擎种类及关键字分布
- 客户访问时所使用的浏览器及操作系统
- 客户访问时所使用的分辨率
- 访问来源,可以统计出来自其他网站的链接所导入的访问量
- 页面热点统计,可以统计出网站上最受欢迎的页面的排名
- 同时在线统计,可以统计出 20 分钟网站上的同时在线人数
- 保留一天的访问统计详细记录
申请也十分方便,中文的应该大家没什么问题,不再赘述
写了那么多好累啊,希望对大家有点帮助,好看的Blog给浏览者也是种享受吧。