博客园的打赏功能（可用已更新）

前言

好久没更新博客园了，一晃就是5年多，小弟不才，不写代码多年，今天只能硬着上了。

步骤

1.懒人直接引用这个js地址吧： https://blog-static.cnblogs.com/files/cboydream/tctip.min.js

2.想折腾的，把js文件内容复制下来自己上传js文件到博客园，再替换成自己的js文件

3.复制下面的代码拷贝到 页脚HTML代码里

 1 <script type="text/javascript" src="https://blog-static.cnblogs.com/files/cboydream/tctip.min.js"></script>  //替换成自己路径的js文件
 2 <script>
 3     new tctip({
 4         top: '20%',
 5         button: {
 6             id: 5,
 7             type: 'dashang',
 8         },
 9         list: [
10             {
11                 type: 'alipay',
12                 qrImg: 'https://files.cnblogs.com/files/cboydream/zfb.gif' //替换成自己的支付宝
13             }, {
14                 type: 'wechat',
15                 qrImg: 'https://files.cnblogs.com/files/cboydream/wechat.gif' //替换成自己的微信
16             }
17         ]
18     }).init()
19 </script>

如图所示：

4.由于我的主题背景是灰色，边边角角就有点瑕疵，于是要修改按钮背景样式，复制下面代码到 页面定制CSS代码

1 a.tctip-btn-box {
2     background: #dfdfdf !important;
3 }

如图所示：

最后看下前后对比图，如图所示：

   

 

posted @ 2017-01-18 21:41  CboyDream  阅读(364)  评论(0)  编辑  收藏  举报
//替换成自己路径的js文件