博客添加打赏功能

效果图:

1.准备自己的照片,一般有微信和支付宝二维码的照片

注意格式bmp

2.上传到博客园上

博客园后台:文件,上传文件:zfb.bmp,wx.bmp(一般这么命名)

3.打开博客园:管理---设置---

往下看:

博客侧边栏公告(支持HTML代码) (支持 JS 代码)

如果不是上面的,那先需要申请js代码支持,需要等一会

4.代码,先需要修改

<!-- 打赏插件 -->
<script>
window.tctipConfig = {
imagePrefix: "http://files.cnblogs.com/files/kdy11/",
cssPrefix: "http://files.cnblogs.com/files/kdy11",
buttonImageId: 4,
buttonTip: "dashang",
list:{
weixin:{qrimg: "https://files.cnblogs.com/files/xiykj/wx.bmp"},  //改成自己上传的图片地址
alipay: {qrimg: "https://files.cnblogs.com/files/xiykj/zfb.bmp"},  //改成自己上传的图片地址
} }; </script> <script src="https://blog-static.cnblogs.com/files/CH520/ch_tctip01.js"></script>

注意照片的地址:
xiykj 是我的博客地址,你自己需要改成自己的地址
然后复制,到博客侧边栏公告(支持HTML代码) (支持 JS 代码)这里,保存即可

5.不报错就算了,如果有时候可能报错
那需要增加一个

6.上传js文件

下载tctip-1.0.3.js
https://files.cnblogs.com/files/xiykj/tctip-1.0.3.js

 文件下载

即可

原文链接:https://www.cnblogs.com/ysysbky/p/12243194.html

原文地址:https://www.cnblogs.com/xiykj/p/13681851.html