现在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、复制以下代码到需要显示的广告位中,文字按照自己需求修改
广告位占位代码:深灰底白色字链接块
复制以下代码到外观-自定义-自定义 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;}}
然后,复制以下代码到需要显示的广告位中,文字按照自己需求修改
广告位占位代码:浅灰链接块
复制以下代码到外观-自定义-自定义 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;}}
然后,复制以下代码到需要显示的广告位中,文字按照自己需求修改
转载请注明:汇站网 » WordPress
网站自定义广告位占位/出租代码