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

gy.2587的博客

学习与交流 乐在其中!

 
 
 

日志

 
 

【转载】如何在博客首页加日志分类导航  

2014-06-30 23:11:50|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

制作一个能够彰显个性、一目了然的日志文章列表,既可以把自己的好文章醒目地展示给博友,也可以显示并突出个人的特色,减少首页图片等元素直接显示的数量,减轻首页显示的负担,可以加快博客的浏览速度。

    该教程第一篇写完之后,好友玫瑰夫人认为很多博友仍然关心直接在博客收藏页建立《个性列表》的方法,建议把这一部分内容也补上去,于是,就此内容再作简要介绍于后。

    下图就是玫瑰夫人和另一位博客的《个性列表》截图,对此有兴趣的朋友可以在玫瑰夫人博客的收藏页看到原样。

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图一:玫瑰夫人博客收藏页上呈现的《个性列表》

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图二:另一位博友的《个性列表》

    以下图三至图六,是玫瑰夫人博客首页显示的三个分类栏目实例截图。

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客 在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客  在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客  在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客 

图三至图六:玫瑰夫人的个性列表及其分类目录

    大致可以可以看出,网易博客的“个性列表”由列表总标题、带链接的分类目录和带链接的日志篇目列表三部分内容构成。以下具体介绍制作这中列表的步骤。

    一、在博客编辑的状态下,点击博客首页导航栏的“收藏”。

    进入收藏后,点击个性列表,大致看到如下界面(参见图七)。

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图七:收藏页的首界面

    二、点击收藏页左侧栏下方的“个性列表”,首先建立一个列表总标题,然后可以对列表内容添加项目。图八、图九是建立分类子项目示例。 

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图八:建立列表分类子项目 

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图九:建立列表分类子项目

    三、逐一填写列表分类子项目标题和链接地址。这里需要注意的是:这个链接地址,必须是在“非编辑状态下”亦即“浏览状态”下,该分类之下的第一篇日志显示在地址栏里的链接地址。

列表分类子目的代码:<font color=red size=4>播放器篇</font>

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图十:建立分类

    四、添加列表项里的项目,也就是个分类的文章标题。

    这里也支持HTML语言,利用这一特性,可以建立各项彩色文字的子类和日志标题列表。(参见图十),URL(网络资源定位符)也就是文章的超级链接地址,就是在未登录状态下,点击标题,独立展开文章后出现在浏览器地址栏里的地址。

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图十一:添加列表分类中的日志

     五、对列表进行排序。

    在编辑状态下的列表,当鼠标移动到标题文字上的时候,会出现一个小手指示图标,可以拖动分类标题完成对列表的顺序进行排列。

    六、将列表放到博客的首页。

    1、在编辑状态下,回到首页,点击始终显示在左上角向下指示的绿色小箭头-“装扮博客”-“设置首页内容”-相继出现如以下图十二、十三所示栏目:

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图十二:设置首页内容

在博客首页加日志分类导航【教程】 - 白马非马 - 白马非马的博客

图十三:添加、设置自定义模块

    这时可以看到,在收藏页所作的列表已经显示在系统首页栏目模块当中,点击个性列表总标题前面的方格,使它成显示状态,即出现“小眼睛”,这个列表就会在首页出现,再用拖移的方法改变、确定显示的最佳位置,尽可能使首页内容协调、美观、醒目。收藏页“个性列表”建立、制作即告完成。

  评论这张
 
阅读(58)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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