折磨了好几天,这下解决了handsome主题博客首页列表最前方广告位的谷歌广告溢出错位问题,处理起来也非常简单。

前面写了一篇文章《首页列表最前方广告位的谷歌广告溢出错位问题处理》,尝试用css来修改谷歌广告溢出这个问题。但是实际上没有成功。但是今天随便的一个修改,误打误撞竟然解决了这个问题。具体的原理我也不是很清楚。

直接来上解决的过程:

在位置themes/handsome/index.php大约60行的地方。

在代码<!--首页输出文章-->的前面加上广告代码。在后台把那个首页最前方列表广告位里的广告代码清除,保持为空就行。

然后加入代码:

这里有两个class,由于我安装了AliceStyle插件美化,所以有文章卡片的效果。

直接借用主题以及插件里的CSS样式:

<div class="single-post box-shadow-wrap-normal">            
<ins class="adsbygoogle panel-small"
     style="display:inline-block;width:100%;height:235px"
     data-ad-client="ca-pub-xxxxxx"
     data-ad-slot="xxxxx"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>   
</div>

广告的高度选择235px还是比较合理的。广告类型选择多重广告

代码的位置

最终的效果如下,基本实现了融合的效果,非常nice!!!

最终效果


关于这个问题我也问了一下博客群里的大佬。他们给出了很多的建议,有需要的朋友可以去试试。

大佬们的建议


博主个人公众号
版权声明 ▶ 本网站名称:陶小桃Blog
▶ 本文链接:https://www.52txr.cn/2022/adsErrorSolve.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!

最后修改:2022 年 06 月 14 日
如果觉得我的文章对你有用,请随意赞赏