【分享】博客美化(8)讓你的博客“推薦按鈕”動起來

　   博客園美化相關文章目錄：博客園博客美化相關文章目錄

　　本文原文地址：博客美化(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>

雖然我不很懂CSS，但看上面的代碼也很好懂，這里我根據自己博客的結構，稍微把參數改了一下，主要是距離底部的距離和離右邊的距離，可以根據需要修改。下面就是顯示的樣式，雖然不懂CSS，但可以從博客園網友的博客中發現很多好東西，雖然簡單，也分享一下，非常感謝marvin。看看效果：