【分享】博客美化(8)让你的博客“推荐按钮”动起来

最新推荐文章于 2019-01-14 14:31:00 发布

chenlun3201

最新推荐文章于 2019-01-14 14:31:00 发布

阅读量100

点赞数

原文链接：https://my.oschina.net/asxinyu/blog/475999

版权

　博客园美化相关文章目录：博客园博客美化相关文章目录

　　本文原文地址：博客美化(8)让你的博客“推荐按钮”动起来

　　这篇文章使用的代码也是来自于博客园的marvin，非常感谢。实现的效果也非常简单，就是让“推荐和反对”按钮随着屏幕的滚动固定起来，博客园默认的按钮是在文章最下方的。以前看到很多网友都这样做，的确方便很多，可以在看的过程中，随时去点击推荐按钮，而不是去找按钮。使用方法很简单，在博客园后台的“设置”-“页面定制CSS代码”中添加下面的代码：

<style type="text/css"> 
#div_digg{
  position:fixed;
  bottom:5px;
  width:140px;
  right:390px;
  border:2px solid #6FA833;
  padding:10px;
  background-color:#fff;
  border-radius:5px 5px 5px 5px !important;
  box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
}
</style>