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

汩汩的博客

 
 
 

日志

 
 

引用 制作个性的分类导航  

2008-11-21 23:40:43|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

引用

Amy の 温馨小屋制作个性的分类导航

 

引用

魅川酷子制作个性的分类导航

制作一个分类导航,即可以把好的文章展示给大家,也可以突出特色,减轻首页的负担,加速打开博客的速度。

先看一下效果:

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

 

上面这个就是分类导航视图,大家可以在我的博客的首页找到它!

 

下面介绍如何制作这样的列表:

一. 登陆博客后进入编辑状态,

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

二. 进入收藏

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

三. 点击个性列表,创建一个新的个性列表

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

四. 对列表进行添加项目。建立一个个性列表起名叫“分类导航”

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

 

五. 该对你的这个"分类导航"添加内容了

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

添加上项目的标题和网址  (例如在项目栏里添"百度"那么在后面的URL中添www.baidu.com)

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

添好后例子:

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

这里黄色的那小手可以移动项目的上下位置  排列好先后顺序  然后别忘记了保存

 

六. 将你编辑好的这些弄到你博客的首页

回到你的博客首页 点"排版"

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

七. 最后一步

引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

将前面的那个眼睛点亮,这时你就能发现在你的首页多了一个"分类导航"的窗口了!

大功告成!

别忘记保存

 

 

 

 

 

收藏页面的代码应用既个性列表的特效应用

 

 

            在博客首页显示为    

                    引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

 

 

    ●在收藏页面的个性列表创建一个个性列表,名称需要正常输入.

 

    ●在添加项目的时候首先把你的小分类添进去,比如  经典搞笑  如下图:

            引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

         添的时候需要加入代码如下:

           <font color=#11EE3D size=4>这里填写你的分类名称比如”经典搞笑“</font>                            

         (  =号后为颜色代码      =号后为字体大小  由于有字数限制,所以代码需要精简,文字尽量简洁 )     

            

          更多颜色代码到这里找                     中英文颜色代码对照表

 

    ●添加正常的日志标题如

                 引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客     

           添加这个的时候如果标题字数少的话可以在后面添加比如红色哪个字

                 引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

                  代码如下:                 

                    实用在线工具集锦<font color=red>(精选)</font>

                    URL:   填写此日志的固定链接地址   

      ●添加完所有你要显示的文章标题链接以后最好在添加一项,这项的链接指向你的所属的小分类的目录(最好用日志的形式建立个比如经典搞笑小分类的目录,就是用日志集合你这个小分类里的所有文章的那篇日志,以次类推.)如图                什么是小分类演示

                       引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

                代码如下:

                   项目:   <font color=red>№→</font>更多......

                    URL:   填写此日志的固定链接地址 

      ●最后最好在添加一项指向你的小分类的总目录的链接(就是把所有小分类的日志链接都结合到一篇日志里,然后这篇日志就是分类目录。)如图                    什么是分类目录演示

                  引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

               代码如下:

             项目:   <font color=red>№→</font>更多分类去分类导航

               填写此日志的固定链接地址 

      ● 用鼠标拖动每个条的后面,把它们的顺序排好,最后再到最上面保存!

 

      ●以上都完成后的效果如下

                 编辑,并排序好后效果

                 引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

                 首页效果

                 引用 制作个性的分类导航 - zhuhuasohu - 汩汩的博客

            当然你可一添加更多的分类在这个个性列表里如上面的步骤(如果有需要,可以创建各多的个性列表)

 

 另外可以还可以让日志标题在个性列表里滚动出现

               

          项目:   <MARQUEE scrollAmount=2>日志标题</MARQUEE>

          URL:   填写此日志的固定链接地址 

  评论这张
 
阅读(514)| 评论(1)
推荐 转载

历史上的今天

评论

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

页脚

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