是用说明

1. 第一步：安装插件
2. 第二步：在主题的随机位置，比如：首页，分类页，文章页等 添加函数：<?php if (function_exists('show_adhtmlyk_ad')) show_adhtmlyk_ad(); ?>
3. 第三步：开启插件，设置广告内容

演示代码

    <div class="tp-img-ads-layer">
      <div class="tp-one-img">
            <a href="跳转链接" target="_blank">
                <img src="图片链接" alt="">
            </a>
        </div>

        <div class="tp-two-img">
            <a href="跳转链接" target="_blank">
                <img src="图片链接" alt="">
            </a>
            <a href="跳转链接" target="_blank">
                <img src="图片链接" alt="">
            </a>
        </div>

        <div class="tp-three-img">
            <a href="#" target="_blank">
                <img src="图片链接" alt="">
            </a>
            <a href="#" target="_blank">
                <img src="图片链接" alt="">
            </a>
            <a href="#" target="_blank">
                <img src="图片链接" alt="">
            </a>
        </div>
    </div>
<div class="tp_advertising"> 
    <div class="tp_1"> 
   <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
   </div> 
   <div class="tp_2"> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
   </div> 
   <div class="tp_3"> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
   </div> 
   <div class="tp_4"> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
    <a href="#" target="_blank">广告招租</a> 
   </div> 
  </div>
<style>
.tp-img-ads-layer {width:100%;margin:0 auto;}
.tp-img-ads-layer a {position:relative;display:block;overflow:hidden;padding:2px;box-sizing:border-box;}
.tp-img-ads-layer a img {display:block;width:100%;max-height: 80px;border-radius:4px;transition:transform 0.2s ease;}
.tp-img-ads-layer a:hover img {animation:shake 0.4s infinite;}
.tp-one-img a,.tp-two-img,.tp-three-img {width:100%;}
.tp-two-img,.tp-three-img {display:flex;justify-content:space-between;}
.tp-two-img a {width:49.7%;}
.tp-three-img a {width:33%;}
@keyframes shake {0% {transform:translate(0,0);}
25% {transform:translate(-2px,0);}
50% {transform:translate(2px,0);}
75% {transform:translate(-2px,0);}
100% {transform:translate(2px,0);}
}

.tp_advertising{width:100%;display:flex;justify-content:space-between;background:rgba(255,255,255,.15);position:relative;box-shadow:0 0 3px rgba(0,0,0,.2);}
.tp_advertising p{color:#fff;font-size:14px;line-height:22px;background:#6F8EC5;position:absolute;bottom:0;right:0;margin:0;padding:0 8px;border-top-left-radius:10px;opacity:.3;}
.tp_advertising div{position:relative;z-index:1;width:25%;}
.tp_advertising a{font-size:12px;line-height:22px;text-align:center;display:block;text-decoration:none;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tp_advertising a:hover{font-weight:bold;font-size:14px;text-shadow:0px 0px 1px rgba(0,0,0,.5);}
.tp_1 a{color:#FF0033;}
.tp_2 a{color:#9400D3;}
.tp_3 a{color:#00BFFF;}
.tp_4 a{color:#FF1493;}
.tp_5 a{color:#FF4500;}

</style>