Jack博客

网站首页 >> zblog教程 >> 正文

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

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

<!-- 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=2126245521&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程序使用教程:

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

本文标签: emlog侧边   zblog侧边   广告  

温馨提示:本文是作者 爱站云 的原创文章,转载请注明出处和附带本文链接!

网友点评

  • 博客大全

    博客大全

    2020-02-21 10:04:16    回复

    亲测,可用就是需要调整。

    • 爱站云

      爱站云

      2020-02-21 10:06:32    回复

      对的,因为每个人的模板布局,边框大小不一,所以需要稍微的调整的。

本文已有2位网友发表了点评 - 欢迎您

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

⎛⎝爱站云⎠⎞

⎛⎝爱站云⎠⎞

AiZhanCloud.Com

爱站云专注ZBLOG建站领域,分享个人所得技术,用心做好个人博客,喜欢的小伙伴就关注我吧!
«    2023年9月    »
123
45678910
11121314151617
18192021222324
252627282930
最新留言
文章归档
标签列表

Powered By Z-BlogPHP Theme By Jack主题

Sitemap | TXT地图 | HTML地图后花园

免责声明:本博客所展示内容均为互联网技术教程分享,如有侵权等违规信息请联系QQ客服进行删除处理,谢谢配合!

切换白天模式 切换夜间模式 白天返回顶部 夜间返回顶部