在网易博客首页增加日志导航的方法 - 天蚕的日志

网易博客一直没有推出首页日志分类的功能模块，眼看着其他BSP（博客服务托管商）的Blog系统上都直接支持首页功能模块分类，可网易Blog的FANs们怎么办呀？

别着急，只要我们自己勤于动手动脑，实现任何想要的效果都不在话下。

应广大网友的要求，我把自己制作网易博客首页日志分类导航的方法做个了教程，以方便广大网易Blog的FANs们装扮自己的Blog。

第一步、在首页添加自定义模块

1）点屏幕右上角的“设置”

2）点“开始装扮博客”

3）点屏幕上方“设置首页内容”

4）点“添加自定义模块”

5）准备在这里输入日志分类的HTML代码。这里输入的HTML代码就是实现首页日志分类导航的关键所在，如何来写代码呢？请继续看下面内容。。。

第二步、插入日志分类的HTML代码

1）请先看我自己的日志分类HTML代码：

为了便于学习，在上段代码中我已把不同用途的代码用不同颜色标出。

红色的|是分割线；蓝色的  是空格符。这两部分显示出来效果如图中的竖线和空格。

绿色粗体（以“http://”开头，以“class=”结尾）的部分是你日志某个分类的链接地址。（注意了！找出这个地址是关键所在，成败在此：>）

下面我教你怎样找出这个地址。

第三步、找出每个日志类别的链接地址

1）在日志栏目内点“写日志”

2）出现编辑日志窗口，点IE浏览器的“查看源文件”

3）在出现的网页源文件编辑界面中搜索你的一个分类名称。比如我搜索“IT业内”，出现下面的内容。

4）在上面的内容里你能找到所有的分类名称，每一个分类名称上方的就是需要用到的一部分关键HTML代码。如上图的_fks_D-Hbjmo87jzpFUXH-dQsXP1rTzn-35Jr

_fks_CLnSVlNb2H6LbdQc92RaIW1KyqBOpeBj

_fks_jpubrYpCu-q50wd_BfDiJUZYifM_NdlA

等等。

5）找到了这个关键HTML代码，下面利用它来构造出你的日志分类链接地址（注意看哦！就快要大功告成！：））

6）看下面这个链接地址：

http://haoweinet.blog.163.com/prevBlog.do?clsId=*****************&class=

把haoweinet.blog.163.com替换成你的博客地址

把*****************的部分替换成你在“4）步”中找到的关键HTML代码

然后复制整个网址在浏览器里打开

怎么样，打开的是不是你的一个分类呢？

7）最后一步，把已经找出的分类地址替换“第二步 1）”的绿色粗体网址，把每个“</a>”前面改成你自己的分类名称。

点击“确定”之后，就能在你的Blog首页上看到文章分类啦！

怎么样

你学会了吗？

赶快自己动手吧。做出来的别忘来这里留言秀一下！:P

（更新20070909）另外我发现一个大家常见的错误：本来已经按照本文制作完成了分类导航，但是无论点哪个分类出现的还是全部文章。这是什么原因呢？经过测试我发现，原来是你的blog是登录状态，这样网址后边会自动增加一个“/edit”，因此你无论点每个分类都还是出现的全部日志。你只要退出登录然后再试就OK啦！：P

注：我自己的日志分类链接不是用这种方法找到的，因为网易博客前段时间程序改版，我之前的方法已经失效了，刚刚研究出了这种新方法。这个新方法比我之前的方法要复杂一些。