cnblogs美化及插件

Posted 2020-08-21 JerryChen

1.vp计数

http://www.amazingcounters.com

2.来源地图

http://clustrmaps.com

2.1来源地图

http://www.flagcounter.com/

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);
}

4.点击图片放大

引用js和css，这是上传到我自己的文件中，后面可以会有改动，可自行下载zoomify上传到自己文件中：

<link href="http://files.cnblogs.com/files/Jerrycjc/zoomify.min.css" rel="stylesheet">
<script src="http://files.cnblogs.com/files/Jerrycjc/zoomify.min.js"></script>

添加js到“博客侧边栏公告（支持html代码）（支持JS代码）”

<!--图片放大-->
<script>
$(function(){
$(\'#cnblogs_post_body\').find(\'img:not([alt="复制代码"])\').each(function(){
    $(this).zoomify(); // Default settings
    $(this).zoomify({ duration: 1000 }); // 1s duration
})
})
</script>