本代码 icon 使用的 font-awesome 的，如果贵站没有使用改图标，可以转换自己网站使用的图标 下载图标文件开始调用，只展示了ZBLOG和emlog的后台添加侧边方法，但有的模板侧边不是调用后台官方的，那就需要自己在源码里复制本文分享的代码了，同理其他程序侧边也会这样操作，复制代码到侧边展示位置即可。

<!-- HTML代码 -->
<div class="widget_product">
    <img title="优质外链代发 包收录" src="https://ae01.aliCDN.com/kf/H6a6194b5243648c684092f6890f3ec3cd.jpg">
    <div class="product_content">
        <div class="product_info">
            <h2>爱站云 首推 优质外链发布网</h2>
            <ul>
				<li><i class="fa fa-check"></i> 优质外链代发推广 包收录 包质量</li>
				<li><i class="fa fa-check"></i> 客服7*24*365一对一服务 竭尽全力</li>
				<li><i class="fa fa-check"></i> 拥有单条发布或包月会员代发模式</li>
				<li><i class="fa fa-check"></i> 推广 宣传 首选爱站云 外链代发网</li>
				<li><i class="fa fa-check"></i> 爱站云代发 七天上百度 永不删除</li>
				<p>温馨提示：不代发关于（色情、棋牌、游戏辅助、秒赞秒评、代刷卡盟、vpn翻墙等信息推广）；</p>
				<p>另外，缩略图大小建议240X240的正方图，作为首页推广宣传图，描述不限制字数，软文请规划好字段和格式； </p>
				<p>如需要付费推荐已经长期投放外链可联系客服QQ付费开通本站会员功能，可无视审核，秒发布，秒收录，联系客服QQ</p>
			</ul>
		</div>
		<div class="price_sale"><strong><small><i class=""></i></small>￥120/月</strong><h2>包月统一售价</h2></div>
        <a class="btn btn-primary" href="http://wpa.qq.com/msgrd?v=3&uin=2126245521&site=qq&menu=yes">联系站长</a>
    </div>
</div>
<!-- CSS代码 -->
<style>
.product_info h2 {font-size: 20px;margin: 0;font-weight: bold;padding: 5px 0 10px 0;}
.product_info>ul {padding: 0;}
.product_info>ul>li {float: left;width: 100%;font-size: 13px;margin-bottom: 8px;list-style: none;}
.product_content>.btn {width: 90%;}
.price_sale {border-top: 1px solid #eee;padding: 10px 0px;}
.price_sale h2 {margin: 0;font-size: 14px;color: #999;line-height: 20px;}
.price_sale strong {float: right;font-size: 20px;line-height: 1;font-weight: 100;color: #f05050;}
.btn {display: inline-block;padding: 6px 12px;text-align: center;border-radius: 4px;}
.btn-primary {color: #ffffff !important;background-color: #7266ba;border-color: #7266ba;}
</style>

ZBLOG程序使用教程：

后台 - 模块管理 - 新建模块 -  名称/文件名/HTML ID全部填写（侧边广告）即可，正文复制上面代码保存，名称后面的隐藏标题需要开启。

Emlog程序使用教程：

后台 - 侧边栏 - 添加自定义组件 - 名称（侧边广告），内容复制上面代码保存组件。