Garden blog personal blog experience increased a reward function

1. Receivables code
1.1 Save
to save your Alipay payment and micro-channel two-dimensional code code (note that code instead of receivables payment code, make no mistake) two pictures to your computer and use an image editing tool (Windows comes drawing software, QQ or other screenshot tools can) only interception of the two-dimensional code section can be.

1.2 Upload
enter personal blog, click "Manage" and then "Album", add a good album name (similar to the folder name), and upload the two-dimensional code collection, then you can right-click on the picture above to view or copy Image URL.

2.js
2.1 JS opening blog permissions
click "Settings" and find "blog sidebar announcement (supports HTML code)", click [Application] JS authority, where the need to fill reason, at the beginning tried to fill in some other reasons, but not passed, then write directly want to add a reward function in order to enhance the power to write technical Bowen, and a reward feature requires JS, JS apply for permission to get through it.

2.2 JS code to fill
in the "blog sidebar announcement" below the text box, enter the following code, pay attention to the two collection code image URL into your own.

<script src="https://static.tctip.com/tctip-1.0.0.min.js"></script>
<script>
    new tctip({
        top: '20%',
        button: {
            id: 9,
            type: 'dashang',
        },
        list: [
          {
              type: 'alipay',
              qrImg: 'https://www.cnblogs.com/images/cnblogs_com/zhang502219048/1474133/t_alipay.png'
          }, {
              type: 'wechat',
              qrImg: 'https://www.cnblogs.com/images/cnblogs_com/zhang502219048/1474133/t_wechat.png'
          }
        ]
    }).init()
</script>

另外说明一下，现在的博客园是https的，所以需要使用https://static.tctip.com/tctip-1.0.0.min.js而不是使用http://static.tctip.com/tctip-1.0.0.min.js，才能够在打开个人博客时能自动出现打赏图片。如果这个js网址是使用http而不用https，默认打开博客是不会有打赏图片的，被拦截了，需要博客读者自己手工主动去允许JS，那样可能会减少很多收入来源哦。

3. 查看效果

后记：
以上是本人在博客园开通个人技术博客后第二天，自行添加打赏功能的步骤，特此分享一下，希望对想添加打赏功能的朋友有所帮助。如果帮助到了你，欢迎给我打赏支持一下哦。