博客自定义2-打赏、赞助工具

最近再给自己博客弄皮肤，于是从网上找了一个好的模板如图
相信你肯定注意到了我博客右侧边的这个打赏小工具

• 支持支付宝、微信、财付通。以及我没有用到的比特币和其他的虚拟币都支持，有待各位自己研究。
• 支持颜色变换，不信你刷新看看？

1话不多少就直奔主题吧参考我的博客
1.1我用的是cnblog,然后在你的博客首页点击管理博客 博客首页->管理

1.2进入管理页面后 点击如图申请 JS权限，后台一定要申请JavaScript权限对于我们写博客改博客皮肤都很有用的

2然后去github上下载tctip，或者我的资源下载开源的的小工具

2.1然后直接在后台管理的博客侧边栏公告 引入如下的的代码 切记一定要申请JS权限

<script type="text/javascript" src="https://files.cnblogs.com/files/humi/tctip-1.0.2.js"></script>
<script>
  new tctip({
    top: '20%',
    button: {
      id: Math.ceil(Math.random()*8) + 1,
      type: 'zanzhu'
    },
    list: [
      {
        type: 'alipay',
        qrImg: 'https://files.cnblogs.com/files/humi/zfb.bmp'
      }, {
        type: 'wechat',
        qrImg: 'https://files.cnblogs.com/files/humi/wc.bmp'
      },{
         type:'tenpay',
          qrImg: "https://files.cnblogs.com/files/humi/qq.bmp"
       }
    ]
  }).init()
</script>

2.2如果你仔细看了会发现，qrimg 里面放的图片文件和js文件其实就是通过 我们博客园上传到自己的文件里面的这样就不用去其他服务器获取这些文件了，主要我更人担心慢

3注意事项

• 由于我发现我博客通过百度访问时是以HTTPS方式，然后图片代码里面获取CSS文件是通过HTTP的，所以换成这个JS文件tctip-1.0.2.js，直接以HTTP和HTTPS 都可以访问

• 我之前其实已经申请通过了JS权限但是一直没有显示出来的正确的效果，代码和引入也已经仔细检查过 ，然后发现自己的谷歌ABP插件坑了它给屏蔽了，
  希望自己遇到的问题，如果你发现你步骤没问题，然后页面console也没有报错，注意看看是不是自己的浏览器插件，广告屏蔽插件误伤了

* cnblog默认不支持JS权限，需要在后台管理向管理员申请。
* cnblogs可以支持写jQuery的
* tctip可能会被浏览器的广告屏蔽插件误伤

转载于:https://www.cnblogs.com/humi/p/7944479.html