美化博客園

1. 時鐘插件，放在「博客側邊欄公告」

1 <div class="clockdiv"><canvas id="clock" width ="200px" height="200px">您的瀏覽器不兼容canvas</canvas><div>
2 <script type="text/javascript" src="http://files.cnblogs.com/files/lixu880/canvas.js"></script>

 

2. hone hone clock人體時鐘，放在「博客側邊欄公告」

1）透明背景

1 <script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_tr.js"></script>

2）白色背景

<script charset="Shift_JIS" src="http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js"></script>

固然也能夠把 「 http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.js 」 中的代碼文件上傳到本身的博客文件中，並將其路徑替換爲本身博客文件路徑，例如

<script charset="Shift_JIS" src="https://blog-static.cnblogs.com/files/clovershell/honehone_clock_tr.js"></script>

ps：若是瀏覽器中安裝了相關的禁用js插件，可能看不到效果

3. 推薦按鈕浮動，放在「頁面定製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);
}