QBlog官方博客

本博将记录与秋色园成长相关的历史路程及秋色园的开发进展等相关情况。
公告信息
欢迎光临秋色园官方博客,欢迎:下载与使用CYQBlog系统,并提出您的意见与建议。
文章档案
文章
ASP.NET开源博客QBlog模板制作教程:博客首页-博客最新文章|阅读排行榜|点击排行榜|友情链接|访问统计(四)
2011/6/28 18:26:24

上节回顾:ASP.NET开源博客QBlog模板制作教程:博客首页-博客公告|文章分类|归档|相册分类|最新评论](三)

本节介绍:ASP.NET开源博客QBlog模板制作教程之博客首页-共用部分

一:index.html 首页制作-共用部分制作教程 (其它部分)

包括以下内容:[博客博客最新文章|阅读排行榜|点击排行榜|友情链接|访问统计]

以下进行示例教程:

PS:截图以/Skin/Skin_Blue界面为示例。

1:博客最新文章

示例代码:

                <div id="Node_NewArticle" class="widget">
                    <h3 key="newarticle">
                        最新日志</h3>
                    <ul id="labNewArticle">
                    </ul>
                </div>

关键ID说明:

id="Node_NewArticle" 控制节点的显示与不显示
id="labNewArticle" 填充最新日志的内容

 

2:博客阅读排行榜

示例代码:

                <div id="Node_ArticleHits" class="widget">
                    <h3 key="articlehits">
                        阅读排行榜</h3>
                    <ul id="labArticleHits">
                    </ul>
                </div>

关键ID说明:

id="Node_ArticleHits" 控制节点的显示与不显示
id="labArticleHits" 填充阅读排行榜的内容

 

3:博客点击排行榜

示例代码:

                <div id="Node_ArticleComment" class="widget">
                    <h3 key="articlecomment">
                        评论排行榜</h3>
                    <ul id="labArticleComment">
                    </ul>
                </div>

关键ID说明:

id="Node_ArticleComment" 控制节点的显示与不显示
id="labArticleComment" 填充评论排行榜的内容

 

4:友情链接

示例代码:

                <div id="Node_Links" class="widget">
                    <h3 key="links">
                        链接</h3>
                    <ul id="labLinks">
                    </ul>
                </div>

关键ID说明:

id="Node_Links" 控制节点的显示与不显示
id="labLinks" 填充公告的内容

 

5:访问统计

示例代码:

                <div id="Node_VisitCount" class="widget">
                    <h3 key="statics">
                        统计</h3>
                    <ul>
                        <li>
                            <label key="visit">
                                [访问]</label>:<span id="labVisitCount"></span></li>
                        <li>
                            <label key="amount">
                                [积分]</label>:<span id="labAmount"></span></li>
                    </ul>
                </div>

关键ID说明:

 id="Node_VisitCount" 控制节点的显示与不显示

id="labVisitCount" 填充访问的计数

id="labAmount" 填充积分的计数

本篇介绍到此结束,下一篇:ASP.NET开源博客QBlog模板制作教程:博客首页-文章列表与分页控件(五)

内容:模板制作教程为博客分页及博客文章列表等内容

系列索引见:QBlog 模板制作教程

相关文章:

视频类:

秋色园是QBlog的官方站点,由路过秋天创建,基于cyqdata数据层框架开发的支持多用户、多语言、多数据库(access,mssql,oracle)、目录级url等功能强大的博客系统
新浪微博粉丝精灵,刷粉丝、刷评论、刷转发、企业商家微博营销必备工具"
  
Copyright © 2010-2020 power by CYQ.Blog - 秋色园 v2.0 All Rights Reserved