美化博客园

1. 时钟插件,放在“博客侧边栏公告”

1 <div class="clockdiv"><canvas id="clock" width ="200px" height="200px">您的浏览器不兼容canvas</canvas><div>
2 <script type="text/javascript" src="https://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);
}

 

posted @ 2018-10-29 17:23  clovershell  阅读(426)  评论(0编辑  收藏  举报