注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

水手的IT生活

实践、学习、思考、分享,IT生活每一天。http://haoweiNet.cn

 
 
 

日志

 
 
关于我

从事企业IT运维管理工作,工作中对微软产品与技术有全面的接触和应用。我的关注:IT业内动态、微软技术、网络安全、管理、个人提高、Web2.0

网易考拉推荐

网易博客首页增加日志导航的方法(原创)  

2007-09-01 14:19:14|  分类: 个人随笔(原创) |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

版权声明:本文为水手原创,原帖地址 http://haoweinet.blog.163.com/blog/static/2388661420078121914255

允许转载,但请保留文章头尾版权声明。谢谢!

 

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

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

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

 

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

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

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

 

2)点“开始装扮博客”

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

 

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

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

 

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

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

 

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

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

 

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

1)请先看我自己的日志分类HTML代码:

|  

<a href="http://haoweinet.blog.163.com/prevBlog.do?clsId=_fks_CLnSVlNb2H6LbdQc92RaIW1KyqBOpeBj&class=">IT业内</a>

&nbsp;&nbsp;|&nbsp;&nbsp;

<a href="http://haoweinet.blog.163.com/prevBlog.do?clsId=_fks_jpubrYpCu-q50wd_BfDiJUZYifM_NdlA&class=">安全相关</a>

&nbsp;&nbsp;;|&nbsp;&nbsp;

<a href="http://haoweinet.blog.163.com/prevBlog.do?clsId=_fks_gZLNyL5pqbiScwPmF3SWr2-Jtns5Erji&class=">管理文摘</a>

&nbsp;&nbsp;|

 

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

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

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

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

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

 

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

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

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

 

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

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

 

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

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的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>”前面改成你自己的分类名称。

网易博客首页增加日志导航的方法(原创) - 水手 - 水手的IT生活

 

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

 

怎么样

你学会了吗?

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

 

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

 

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

 

大家有任何问题可以给我的Blog留言,我会尽力解答。

 

版权声明:本文为水手原创,原帖地址 http://haoweinet.blog.163.com/blog/static/2388661420078121914255

允许转载,但请保留文章头尾版权声明。谢谢!

  评论这张
 
阅读(3458)| 评论(87)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017