在博客首页加日志分类导航【教程】

来源:百度文库 编辑:神马文学网 时间:2024/04/29 07:43:52

在博客首页加日志分类导航【教程】

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

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

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

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

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

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

      

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

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

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

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

图七:收藏页的首界面

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

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

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

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

列表分类子目的代码:播放器篇

图十:建立分类

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

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

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

     五、对列表进行排序。

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

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

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

图十二:设置首页内容

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

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


在博客首页加日志分类导航【教程】 在博客首页加日志分类导航【教程】 在博客首页加日志分类导航【教程】 - 無為居士的日志 - 网易博客 如何在博客首页加日志分类导航 如何在博客首页加个性日志分类表【教程】 【首页模块】博客导航 博客教程-给日志加背景 日志分类导航 博客首页导航【特别收藏】 首页日志导航条代码 首页日志导航条代码 【首页模块】日志分类导读 教你如何做首页和日志导航(有代码) - 芳芷香惠的日志 - 网易博客 如何做首页和日志导航(有代码) - 芳芷香惠的日志 - 网易博客 怎样做首页和日志导航(有代码) - 芳芷香惠的日志 - 网易博客 【博客技巧】首页和日志中加图片方法 - 同恩的日志 理睬博客制作分类精品模块(分享到首页) - 理睬的日志 - 网易博客 引用 理睬博客制作分类精品模块(分享到首页) - 自由人的日志 .- 网易博客 制作首页浏览导航的代码及方法 - 哥们干杯!的日志 - 网易博客 制作首页浏览导航的代码及方法 - 迎春的日志 - 网易博客 五种实用的首页导航代码 - 無為居士的日志 - 网易博客 彼岸桃花日志目录总导航(代码分享到博客首页)二百多人分享 首页的导航模块、日志链接代码 彼岸桃花日志目录总导航(代码分享到博客首页)二百多人分享 - 彼岸桃花的日志 - 网易博客