博客架起了师生互动、教师交流的友好平台，随着教师博客大赛的深入开展，不断有新的老师加入进来，老师们使用博客的水平和频率也越来越高了，通过博客交流逐渐成了我们教育教学工作中不可或缺的一环。

       不断更新的博客内容体现着每个人的内涵，而博客的页面就像我们的脸面，许多老师希望我们的博客不但能够起到交流教学心得、沟通彼此关系的作用，也希望能有一个与众不同的个性化“脸面”，使人印象深刻，让别人喜欢自己、记住自己，那么就让我们从美化自己的博客页面开始做起吧！

       这次，作者带给大家的是“如何在自己的博客页面上加入博主本地的天气预报”，网上有许多的天气预报网站，也提供很多天气预报的代码，作者本人通过不断的试用，发现归结起来，不外乎有以下三种方式，可以实现在我们的博客页面上添加天气预报信息。

    1、使用“i”语句添加天气预报。比较流行的是添加QQ天气网站上的天气预报代码，笔者学校网站上就采用了这种方式（http://www.sjz12.com），关于添加QQ天气预报，网上有很多教程，就不在这里赘述了。

    2、使用Java添加天气预报。由于许多ISP不提供对“ifame”语句的支持，可以使用Java添加天气预报，使用DreamWeaver等网页编辑软件或记事本等文本编辑软件，在html代码中加入Java代码，这种方法网上也有介绍，也不赘述。

    3、直接添加HTML代码，这也是笔者博客页面上采用的方法。许多博客网站代码（如Oblog）提供html级别的模版修改，我们可以直接在模版的html代码中添加以下代码，从而实现在页面上添加天气预报信息，具体方法很简单，以Oblog代码为例介绍如下：

        A、打开以下链接：http://firetear.com/weather/

        B、在搜索栏中填入您所在的城市，即可得到相应的html代码，此代码即为您所在城市的天气预报代码板。

        C、在修改主模板的“源码”修改状态下，复制一个“时间记忆”的表格，代码如下：

<TABLE class=table3 cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD class=b2 height=43>时 间 记 忆</TD></TR>
<TR>
<TD align=left>
<DIV class=content4></DIV></TD></TR></TBODY></TABLE>

      将其插入“时 间 记 忆”表格之前。

       

        D、将第一个“时 间 记 忆”改成“天 气 预 报”，删掉其中的如下代码：

<DIV class=content4></DIV>

      将其替换成刚才在B步骤得到的天气预报代码，保存修改结果即可，最终结果如下图。

        E、最终的页面效果：

      大家觉得怎么样？