如何给自己的博客园的博客增加打赏设置

效果图

我比较喜欢这种打赏的设置，估计你也是。

 

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:{
alipay: {qrimg: "http://files.cnblogs.com/files/ysysbky/zfb.bmp"}, 
weixin:{qrimg: "http://files.cnblogs.com/files/ysysbky/wx.bmp"},
}
};
</script>
<script src="https://blog-static.cnblogs.com/files/CH520/ch_tctip01.js"></script>

 

注意照片的地址：
ysysbky是我的博客名，你自己需要改成自己的。
然后复制，到博客侧边栏公告（支持HTML代码） （支持 JS 代码）这里，保存即可。

 

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

 

6.上传js文件

下载tctip-1.0.3.js
http://files.cnblogs.com/files/ysysbky/tctip-1.0.3.js

 文件下载

即可