QBlog

This blog will record the growth associated with the Autumn Garden distance and the history of the development progress and other relevant circumstances
Bulletin
Welcome to Autumn Garden official blog, please: download and use CYQBlog system, and make your comments and Recommendations.
Article Archive
Article
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 模板制作教程

相关文章:

视频类:

Autumn Garden is QBlog the official site, created by the passing autumn, based on the framework data layers developed cyqdata support multi-user, multi-language, multi-database (access, mssql, oracle), directory level url and other powerful blog system
新浪微博粉丝精灵,刷粉丝、刷评论、刷转发、企业商家微博营销必备工具"
:Register
  
Copyright © 2010-2020 power by CYQ.Blog - Autumn v2.0 All Rights Reserved