两江新区教育局:【引用】在博客首页加日志分类导航【教程】

来源:百度文库 编辑:偶看新闻 时间:2024/04/27 20:17:33
2011-07-02 10:36:15|  分类:【特效代码】 |  标签: |字号大中小
本文引用自玫瑰夫人《在博客首页加日志分类导航【教程】》
近一段时间很多朋友询问我这个问题,我一直很忙没能回答,特委托江月苍天写了这个教程,还不太会的朋友可参考!谢谢江月苍天!
引用
江月苍天 的制作个性日志分类列表2-2
制作一个能够彰显个性、一目了然的日志文章列表,既可以把自己的好文章醒目地展示给博友,也可以显示并突出个人的特色,减少首页图片等元素直接显示的数量,减轻首页显示的负担,可以加快博客的浏览速度。
该教程第一篇写完之后,好友玫瑰夫人认为很多博友仍然关心直接在博客收藏页建立《个性列表》的方法,建议把这一部分内容也补上去,于是,就此内容再作简要介绍于后。
下图就是玫瑰夫人和另一位博客的《个性列表》截图,对此有兴趣的朋友可以在玫瑰夫人博客的收藏页看到原样。

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

图二:另一位博友的《个性列表》
以下图三至图六,是玫瑰夫人博客首页显示的三个分类栏目实例截图。
   
图三至图六:玫瑰夫人的个性列表及其分类目录
大致可以可以看出,网易博客的“个性列表”由列表总标题、带链接的分类目录和带链接的日志篇目列表三部分内容构成。以下具体介绍制作这中列表的步骤。
一、在博客编辑的状态下,点击博客首页导航栏的“收藏”。
进入收藏后,点击个性列表,大致看到如下界面(参见图七)。

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

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

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

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

图十一:添加列表分类中的日志
五、对列表进行排序。
在编辑状态下的列表,当鼠标移动到标题文字上的时候,会出现一个小手指示图标,可以拖动分类标题完成对列表的顺序进行排列。
六、将列表放到博客的首页。
1、在编辑状态下,回到首页,点击始终显示在左上角向下指示的绿色小箭头-“装扮博客”-“设置首页内容”-相继出现如以下图十二、十三所示栏目:

图十二:设置首页内容

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


',1)">
我的首页的模块代码:
留言评论查阅:










查看评论


进入留言


查看圈子



发表日志


上传图片


 


日志阅读导航:













时尚潮流健康生活精品音画美图欣赏情感杂谈
教程素材博客帮助软件资源礼仪规范范文集锦