WordPress网站底部添加广告位教程(双端显示)

admin 2020年5月24日08:31:01 评论 119
广告合作

WordPress网站底部添加广告位教程(双端显示)

演示截图:

 

WordPress网站底部添加广告位教程(双端显示)

我也是看到别人网站底部有这个挺好看就扒下来了

WordPress知更鸟主题,直接添加在主题SEO底部-页脚第二行信息里面

其他类型的WordPress主题将代码添加在页脚文件或首页文件全站显示

<style>
.demo-tips-bar{<br />
        height:50px;<br />
        line-height: 50px;<br />
        text-align: center;<br />
        font-size: 16px;<br />
        color:#fff;<br />
        position: fixed;<br />
        bottom:0;<br />
        left:0;<br />
        right:0;<br />
        z-index: 100000;<br />
        box-shadow:0 -5px 5px rgba(0, 0, 0, 0.32);</p>
<p>    }<br />
    .demo-tips-bar:hover{color: #fff;}<br />
    .demo-tips-bar span,.demo-tips-bar b{<br />
        display: inline-block;<br />
        vertical-align: middle;<br />
    }<br />
    .demo-tips-bar b{<br />
        font-weight: bold;<br />
        color:#fff99a;<br />
    }<br />
    .wbbtn-dtb{<br />
        border-style: solid;<br />
        border-width: 1px;<br />
        border-color: rgb(152, 132, 220);<br />
        border-radius: 5px;<br />
        background-image: -moz-linear-gradient( 134deg, rgb(185,229,255) 0%, rgb(236,184,251) 100%);<br />
        background-image: -webkit-linear-gradient( 134deg, rgb(185,229,255) 0%, rgb(236,184,251) 100%);<br />
        background-image: -ms-linear-gradient( 134deg, rgb(185,229,255) 0%, rgb(236,184,251) 100%);<br />
        width: 88px;<br />
        height: 34px;<br />
        text-align: center;<br />
        line-height: 34px;<br />
        display: inline-block;<br />
        vertical-align: middle;<br />
        color:#4a0083;<br />
        font-weight: bold;<br />
        margin-left: 10px;<br />
    }<br />
</style>
<a class="demo-tips-bar" style="background: url('广告背景图片地址');" href="广告地址" target="_blank" rel="noopener">
菜鸟IT资源网 - 注册会员下载全站资源 <span class="wbbtn-dtb">立即购买</span>
</a>

 

admin

发表评论

您必须才能发表评论!