博客园的打赏功能

简单几步为自己的博客园主页添加打赏功能:

1 准备工作:

准备支付宝和微信的二维码,后缀名需修改.bmp格式。如zfb.bmp,wx.bmp。
   

 

2 上传图片:

进入自己的博客园,然后进入 管理--->文件,在这里上传自己第1步中准备好的二维码图片。

 

3 复制并根据自己的博客修改如下代码:

<script src="https://files.cnblogs.com/files/yx007/tctip-1.0.1.min.js"></script>
<script language="javascript" type="text/javascript">
new tctip({
    top: '20%',
    button: {
      id: 9,
      type: 'dashang',
    },
    list: [
      {
        type: 'alipay',
        qrImg: 'https://files-cdn.cnblogs.com/files/mapstar/zfb.bmp' //修改1
      }, {
        type: 'wechat',
        qrImg: 'https://files-cdn.cnblogs.com/files/mapstar/wx.bmp' //修改2
      }
    ]
  }).init();
</script>

修改1:进入博客,“管理”-->“文件”-->“上传文件管理”-->“文件名”,点击对应的文件名,如博主自己的zfb.bmp这能预览图片,复制图片url,替换上述代码中alipay对应的qrimg参数。
修改2:同修改1.

 

4 将修改后的代码粘贴到指定位置:

进入博客,找到“管理”-->“设置”,下拉到“页脚Html代码”,将上面修改后的代码粘贴进去,点击“保存”。

 

5 完成。刷新一下,查看自己的打赏功能吧!!

 

posted @ 2022-09-05 16:30  mapstar  阅读(66)  评论(0编辑  收藏  举报