WSONX.COM
心之所愿,无所不成

分享三个通用的网站广告位代码

征求热心网友的 [投稿] ,一起为美好的网络无私分享世界加油!

只需复制代码到主题设置-自定义代码-自定义css样式中即可

//一号灰色虚线链接框
a.ads1{border:2px dashed #aaa;padding:40px 15px;font-size:14px;background-color:#fff;display:block;text-decoration:none;color:#888;font-weight:bold;text-align:center;}
a.ads1:hover{border-color:#666;color:#444;}
@media (max-width:640px){a.ads1{font-size:12px;padding:25px 15px;}}

//二号深灰底白色字链接块
a.ads2{padding:40px 15px;font-size:14px;background-color:#666;display:block;text-decoration:none;color:#fff;font-weight:bold;text-align:center;}
a.ads2:hover{border-color:#555;color:#fff;}
@media (max-width:640px){a.ads2{font-size:12px;padding:25px 15px;}}

//三号浅灰链接块
a.ads3{padding:40px 15px;font-size:14px;background-color:#f6f6f6;display:block;text-decoration:none;color:#aaa;font-weight:bold;text-align:center;}
a.ads3:hover{border-color:#eee;color:#666;}
@media (max-width:640px){a.ads3{font-size:12px;padding:25px 15px;}}

然后,复制以下代码到你需要显示地方(例如侧栏广告小工具),其中的中文字可按照自己需求修改

<a class="ads1" href="链接地址" target="_blank">这是一号广告位</a>
<a class="ads2" href="链接地址" target="_blank">这是二号广告位</a>
<a class="ads3" href="链接地址" target="_blank">这是三号广告位</a>

效果图:
分享三个通用的网站广告位代码

温馨提示: 如果安装了广告拦截插件 例如:Adblock

检测到ad字符会直接干掉广告的 所以CSS样式名字需要修改修改

就是代码里面 ads1 ads2 ads3 这三个

不然就算你不放广告,用这个样式也一样会被干掉 呵呵~~


赞(0)
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《分享三个通用的网站广告位代码》| 南星博客
文章链接:https://wsonx.com/archives/546.html
本站內容大部分来源于网络,仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。如有侵权内容请留言告知,本站將会立即处理!
觉得不错就分享给朋友吧➤

评论 抢沙发

#点我快捷打卡#

  • 昵称 (必填)
  • 邮箱 (必填)
  • Q Q(选填)
  • 网址