效果图:
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