折腾了页面底部的代码

前段时间坛子兄在留言中“抱怨”我站点的Adsense广告太隐藏——藏在两个加载速度都不是很快的评论框之间,不容易被发现。

于是,我就直接在Ghost后台的“自定义代码”部分添加了Google Adsense 的脚本。

这样就显眼了。不过,还是有一些问题。

  • 问题一:没有居中
  • 问题二:太宽了

那就在原来代码的基础上我再通过css和html代码来做一些修改。

现用现学,上网搜索一下。

问题一的解决简单粗暴:

<center>……</center>

问题二的解决要使用CSS了。我使用Safari浏览器的“检查元素”功能,查看了Body部分的最大宽度为710。一翻搜索研究后:

<center>
    <div style="max-width:710px;">
        <center>
            ……
        </center>
    </div>
</center>

折腾一番,达到了自己所期望的效果。

发表评论

电子邮件地址不会被公开。 必填项已用*标注