Zblog侧边广告模块代码 通用各大资源网站程序 附源码教程

Zblog专区 2020年02月06日 浏览(962)
简介: Markup<!-- html代码 --><div class="widget_product">   

Zblog侧边广告模块 通用各大资源网站程序 附源码教程.png

MARkup
<!-- 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&amp;uin=207385345&amp;site=qq&amp;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程序使用教程:

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

温馨提示:

本代码 icon 使用的 font-awesome 的,如果贵站没有使用改图标,可以转换自己网站使用的图标或者访问 http://www.fontawesome.com.cn/ 下载图标文件开始调用;

本代码只展示了Zblog和Emlog的后台添加侧边方法,但有的模板侧边不是调用后台官方的,那就需要自己在源码里复制本文分享的代码了,同理其他程序侧边也会这样操作,复制代码到侧边展示位置即可;

本代码从从欧巴领域网拔下来的,觉得好看不错就分享给大家吧,已经过欧巴站长同意,欧巴领域网:http://www.oubly.cn/ 。


本文标签: 侧边栏   zblog侧边   emlog侧边   网站侧边  

- 欢迎您

您好,请先 QQ登录 后进行评论,如您已登录账户,请点击 刷新页面 再进行评论!