我们在实验室为各位站长提供了围绕评论展开多种多样丰富有趣的组件，您只需要贴上一段代码，就可以轻松实现想要的功能。

下面我们介绍“热门新闻”的使用方法：

1、在云评论后台-实验室-热门新闻中获取“热门新闻”组件代码

2、将代码1：<div id="cyHotnews" role="cylabs" data-use="hotnews"></div> 放置在您需要显示“热门新闻”组件的地方。【请到后台获取您的代码，勿粘贴此段代码】

提示：如果您配置过sourceid，建议在代码1的div中配置sourceid。如果没配置过sourceid，忽略即可。

3、将代码2：<script type="text/javascript" charset="utf-8" src="http://changyan.itc.cn/js/??lib/jquery.js,changyan.labs.js?appid=cyrHC88dv"></script> 紧跟在代码1之后。【请到后台获取您的代码，勿粘贴此段代码】

提示：如页面有评论框，代码2不能出现在评论框代码之前。如页面同时使用多个实验室组件，代码2只需引入一次即可。

4、更多详细配置，请在云评论后台-实验室-热门新闻中进行配置。

DEMO演示：

页面代码：

前台显示效果：