WordPress 网站自定义广告位占位/出租代码

西门大官人
西门大官人
西门大官人
261
文章
63
评论
02/07/202008:44:57 评论 阅读4,476 次 1304字

现在 WordPress 主题都带有自定义广告位选项,如果网站有不错的流量,可以选择广告联盟,也可以选择出租广告位获得不错的收益。那么自定义广告位的占位代码怎么写?既要让别人知道这是一个广告位,而且要醒目且注重美观。

以下广告位占位代码颜色、字体都可以根据主题和自身喜好自行修改。

广告位占位代码:灰色虚线链接框

1、复制以下代码到外观-自定义-自定义CSS样式

a.tbaru{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.tbaru:hover{border-color:#666;color:#444;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

2、复制以下代码到需要显示的广告位中,文字按照自己需求修改

<a class="tbaru" href="链接地址" target="_blank">我的广告位,便宜又大碗</a>

广告位占位代码:深灰底白色字链接块

复制以下代码到外观-自定义-自定义CSS样式

a.tbaru{padding:40px 15px;font-size:14px;background-color:#666;display:block;text-decoration:none;color:#fff;font-weight:bold;text-align:center;}
a.tbaru:hover{border-color:#555;color:#fff;}
@media (max-width:640px){a.tbaru{font-size:12px;padding:25px 15px;}}

然后,复制以下代码到需要显示的广告位中,文字按照自己需求修改

<a class="tbaru" href="链接地址" target="_blank">我的广告位,便宜又大碗</a

广告位占位代码:浅灰链接块

复制以下代码到外观-自定义-自定义CSS样式

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

然后,复制以下代码到需要显示的广告位中,文字按照自己需求修改

<a class="tbaru" href="链接地址" target="_blank">我的广告位,便宜又大碗</a>.
AD:Bywave速度快,稳定性好的高端机场。。。。
  • 本文由 发表于 02/07/202008:44:57
  • 转载请务必保留本文链接:https://zhuji.gd/3202.html
用Google Adsense自动广告来赚更多的钱 技术教程

用Google Adsense自动广告来赚更多的钱

很多童鞋在使用Google Adsense 广告联盟,都是用的手动广告,对于Adsense自动广告都不太感冒,觉得这个广告投放方式对网站体验不是太好。 新事物总是要去尝试,不做不知道它到底好在哪里? ...
WordPress网站代码实现网站弹窗广告 技术教程

WordPress网站代码实现网站弹窗广告

平时访问网站、博客时经常可以看到,打开网页后看到弹出一个图片广告。 作为普通访客是比较反感这种广告方式的。 作为网站站长,需要通过广告来为网站运营支付主机、域名等费用。我个人非常喜欢这样的功能。 尝试...
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: