三分天注定，七分靠打拼，爱拼才会赢！

推广网易博客、广交天下朋友.品荟酸甜苦辣、道尽家长里短！

日志

关于我

爱拼才会赢

文章分类

引用网易博客首页增加日志导航的方法（原创）

2008-07-08 20:41:05| 分类：博客技巧 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

水手的网易博客首页增加日志导航的方法（原创）

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

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

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

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

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

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

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

2）点“开始装扮博客”

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

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

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

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

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

|  

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

  |  

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

  ;|  

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

  |

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

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

绿色粗体（以“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

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

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

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

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

评论这张

转发至微博

阅读(1536)| 评论(6)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_084075080080088071087087080095083095087074092094083066',
              blogTitle:'引用 网易博客首页增加日志导航的方法（原创）',
              blogAbstract:'<P\><EM\>引用</EM\></P\>  <BLOCKQUOTE\><A target=\"_blank\" href=\"http://haoweinet.blog.163.com/\" \>水手</A\> 的 <A target=\"_blank\" href=\"http://haoweinet.blog.163.com/blog/static/2388661420078121914255\" \>网易博客首页增加日志导航的方法（原创）</A\>  <P\>  </P\>  <P style=\"FONT-SIZE: 10pt; MARGIN: 0in;\"  \><SPAN lang=\"zh-CN\" style=\"FONT-FAMILY: 微软雅黑;\"  \>版权声明：本文为<A target=\"_blank\" href=\"http://haoweinet.blog.163.com/\" \>水手</A\>原创，原帖地址</SPAN\><SPAN lang=\"en-US\" style=\"FONT-FAMILY: Calibri;\"  \><SPAN style=\"mso-spacerun: yes;\"  \> <FONT face=\"微软雅黑\" \><A href=\"http://haoweinet.blog.163.com/blog/static/2388661420078121914255\"  \>http://haoweinet.blog.163.com/blog/static/2388661420078121914255</A\></FONT\></SPAN\></SPAN\><SPAN lang=\"zh-CN\" style=\"FONT-FAMILY: 微软雅黑;\"  \>。</SPAN\></P\>  <P style=\"FONT-SIZE: 10pt; MARGIN: 0in;\"  \><SPAN lang=\"zh-CN\" style=\"FONT-FAMILY: 微软雅黑;\"  \>允许转载，但请保留文章头尾版权声明。谢谢！</SPAN\></P\></BLOCKQUOTE\>',
              blogTag:'日志导航,网易博客',
              blogUrl:'blog/static/796988512008688415241',
              isPublished:1,
              istop:false,
              type:1,
              modifyTime:1316787605940,
              publishTime:1215520865241,
              permalink:'blog/static/796988512008688415241',
              commentCount:6,
              mainCommentCount:6,
              recommendCount:2,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/796988512008688415241">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

三分天注定，七分靠打拼，爱拼才会赢！

导航

日志

引用 网易博客首页增加日志导航的方法（原创）

历史上的今天

最近读者

热度

评论

页脚

引用网易博客首页增加日志导航的方法（原创）