现在 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>.【声明1】：如本站转载别的站的文章，我个人没有添加来源，您可以发电邮：admin#zhuji.gd 提醒我，我会尽快添加文章来源。
【声明2】：本博客不参与任何交易及中介服务，只记录 VPS 测评和优惠，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。
