在文章末尾添加一个版权说明有利于SEO。对于一些采集机器人,有一定的可能把版权声明给一起采集获取,这就是在为我们的网站打广告呀。

作为一个爱美的小博主,版权说明也想美美的。

原来的版权说明样式:

原本的版权样式

看上去土土的。

于是想整出来一点炫酷的样子。我尝试扒拉别人的站点,最终做出来这样的样式:

新的版权样式

废话不多说,直接上源码(根据自己的需求来修改内容):

<!--网站声明代码start-->
  <div>
    <fieldset
      style="
        border: 1px dashed #008cff;
        padding: 10px;
        border-radius: 5px;
        line-height: 2em;
        color: #6d6d6d;
      "
    >
      <legend
        align="center"
        style="
          width: 50%;
          text-align: center;
          background-color: #008cff;
          border-radius: 5px;
          background-image: linear-gradient(to right, #FFCC99, #FF99CC); text-align:center;"
      >
        版权声明
      </legend>
      ▶ 本网站名称:<span style="color: #3333ff"
        ><span style="color: #FF6666; font-size: 18px"
          ><strong>陶小桃Blog</strong></span
        ></span
      ><br />
      ▶ 本文链接:</strong><a href="<?php $this->permalink() ?>" title="<?php $this->title() ?>"><?php $this->permalink() ?></a><br />
      ▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。<br />
      ▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!<br />
    </fieldset>
  </div>
  <!--网站声明代码end--><br />

把上面代码放在合适的位置即可。在handsome主题中,在themes/handsome/post.php位置:

广告位的位置

代码优化:

可以把样式单独写入css文件里面,这样更加有利于网页的结构。上面的源码,在代码习惯上不算好。

前后端分离


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

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