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：友情链接

示例代码：

关键ID说明：

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

5：访问统计

示例代码：

关键ID说明：

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

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

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

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

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

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

相关文章：

1：ASP.NET开源博客QBlog模板制作教程:博客模板皮肤介绍说明(一)

2：ASP.NET开源博客QBlog模板制作教程:博客首页-标题|介绍|菜单导航|博登陆注册退出|多语言导航(二)

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

视频类：

开源博客QBlog 开发者视频的模板制作教程：QBlog开发者视频教程:博客皮肤模板制作指南-模板之拿来主义(六)

秋色园是QBlog的官方站点,由路过秋天创建,基于cyqdata数据层框架开发的支持多用户、多语言、多数据库(access,mssql,oracle)、目录级url等功能强大的博客系统

QBlog 模板制作教程

浏览(5792)

关键字 asp.net开源博客,qblog模板制作教程,博客首页,共用部分,博客最新文章,阅读排行榜,点击排行榜,友情链接,访问统计]

QBlog官方博客