知更鸟begin主题美化

小工具实现一图三按钮

1、将以下 CSS 代码添加到所使用主题的 style.css 文件中

#update_version img{margin:5px 0 15px}
#update_version a{width:30%;height:35px;border-radius:3px;text-align:center;line-height:35px;font-size:9pt;color:#fff}
.blog_link{background-color:#2ba9fa}
.blog_link,.cms_link{float:left;margin-right:5%}
.cms_link{background-color:#ff6969}
.grid_link{float:left;background-color:#70c041}

2、后台→外观→小工具→使用“文本”小工具，添加到指定侧边栏中。

3、将文本小工具编辑框切换到文本格式，将以下代码添加进去并保存即可。

效果图：

效果一代码：

<div id="update_version">
  <a href="https://www.vipiu.net/" target="_blank" rel="noopener">
    <img src="http://wx4.sinaimg.cn/mw690/006VCrUsgy1fo26ywtxkij308c03x74b.jpg" alt="爱游博客" /></a>
  <a class="blog_link" href="https://www.vipiu.net/" target="_blank" rel="noopener">投稿中心</a>
  <a class="cms_link" href="https://www.vipiu.net/" target="_blank" rel="noopener">在线投稿</a>
  <a class="grid_link" href="https://www.vipiu.net/" target="_blank" rel="noopener">联系博主</a></div>
<div align="center">
  <strong>宇宙间存在着许多未知的可能</strong>
  <strong>也许时间是可逆的，只是我们还没有找到。</strong></div>

效果二代码：

<div id="update_version">
  <a href="https://www.vipiu.net/" target="_blank" rel="noopener">
    <img title="投稿中心" src="https://ww1.sinaimg.cn/large/005BYqpgly1fruweqkscjj308c05k74e.jpg" alt="投稿网址" /></a>
  <a class="blog_link" href="https://www.vipiu.net/" target="_blank" rel="noopener">投稿中心</a>
  <a class="cms_link" href="https://www.vipiu.net/" target="_blank" rel="noopener">在线投稿</a>
  <a class="grid_link" href="https://www.vipiu.net/about.html" target="_blank" rel="noopener">关于我们</a></div>
<div>
  <a href="https://www.vipiu.net/" rel="noopener" target="_blank">点击在线投稿</a>投稿邮箱：
  <b></b>交流 Q群：
  <b>
    <a href="https://www.vipiu.net/" rel="noopener" target="_blank"></a></b>
</div>