子比主题-页脚底部按钮美化

子比主题底部辨识度不高，这里做一下美化，提高用户辨识度，比较简单，也不影响网站速度

效果预览

美化步骤

主题设置 -> 页面&显示 -> 页脚底部

将以下代码粘贴到：板块二位置即可

源代码

<p class="fcode-links">
  <style type="text/css">
    .github-badge {
      display: inline-block;
      border-radius: 4px;
      text-shadow: none;
      font-size: 12px;
      color: #fff;
      background-color: #abbac3;
      margin-bottom: 5px;
    }
    .github-badge .badge-subject {
      display: inline-block;
      background-color: #f6b044;
      padding: 4px 4px 4px 6px;
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px;
    }
    .github-badge .badge-value {
      display: inline-block;
      padding: 4px 6px 4px 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
    .github-badge .bg-blue {
      background-image: -webkit-linear-gradient(0deg, #3ca5f6 0%, #a86af9 100%);
    }
    .github-badge .bg-orange {
      background-color: #05b1a4;
    }
    .github-badge .bg-red {
      background-color: #f55066;
    }
    .github-badge .bg-green {
      background-color: #e76dcb;
    }
  </style>
<div class="github-badge">
  <a style="color:#fff" href="/link" target="_blank">
    <span class="badge-value bg-red">友情链接</span></a>
</div>
<div class="github-badge">
  <a style="color:#fff" href="/wp-sitemap.xml" target="_blank">
    <span class="badge-value bg-green">站点地图</span></a>
</div>
<div class="github-badge">
  <a style="color:#fff" href="/privacy-policy" target="_blank">
    <span class="badge-value bg-orange">隐私协议</span></a>
</div>
<div class="github-badge">
  <a style="color:#fff" href="mailto:837054936@qq.com">
    <span class="badge-value bg-blue">合作联系</span>
  </a>
</div>
</p>

感谢您的来访，获取更多精彩文章请收藏本站。