前两天看过几篇增加打赏功能的博客,但觉得比较繁琐,所以决定写一篇简单化的,让菜鸟根据步骤操作也能实现在自己的博客上添加打赏功能。
1.首先准备好自己微信和支付宝收款的二维码图片,注意,图片需要修改为bmp结尾的格式,如,weixin.bmp ,zhifubao.bmp。
2.进入自己的博客园,然后进入 管理--->文件,在这里上传自己第1步中准备好的二维码图片。
3.复制下面的js代码
<script>
window.tctipConfig = {
staticPrefix: "http://static.tctip.com",
buttonImageId: 5,
buttonTip: "dashang",
list:{
alipay: { qrimg: "https://files.cnblogs.com/files/zyzz123/zhifubao.bmp"},
weixin: { qrimg: "https://files.cnblogs.com/files/zyzz123/weixin.bmp"},
}
};
</script>
<script src="http://static.tctip.com/js/tctip.min.js"></script>
4.修改js代码第7行和第8行,如下
alipay: {qrimg: "https://files.cnblogs.com/files/自己的博客地址名/支付宝图片的名子.bmp"},
weixin:{qrimg: "https://files.cnblogs.com/files/自己的博客地址名/微信图片的名字.bmp"},
注意:自己博客的地址名,可以进入管理--设置,下面的【Blog地址名】就是。
5.最后一步,进入管理--设置,往下拉找到【博客侧边栏公告】,把修改完的js代码粘贴到里面,保存之后就大功告成了