新版右侧添加悬浮打赏功能

小颖以前写了一篇文章:右侧添加悬浮打赏功能   可是如今那个用不了啦,小颖也没再管,今天发现有园友提醒了小颖,嘻嘻javascript

第一步:保存收款码

保存本身的微信、支付宝收款码,而后用截图工具将图片截取,只保存有二维码的部分。html

截取后:截取后:java

第二步:将微信、支付宝收款码上传到博客中

进入我的博客,点“管理”,再点“相册”,添加好相册名称(相似文件夹名称),并上传这两个收款二维码,而后能够在图片上面右击鼠标查看或复制图片网址。微信

第三步:开通博客JS权限

点“设置”,找到“博客侧边栏公告(支持HTML代码)”,点击【申请JS权限】,这里须要填写理由,一开始试过填写其余的一些理由但未获经过,后来直接写想增长打赏功能以便加强写技术博文的动力,而打赏功能须要使用JS,申请JS权限便得到经过。工具

在“博客侧边栏公告”下面文本框中输入如下代码,注意把两个收款码图片网址改为你本身的。post

<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: 'wechat',
              qrImg: 'http://images.cnblogs.com/cnblogs_com/yingzi1028/1479544/t_weixin.png'
          }, {
              type: 'alipay',
              qrImg: 'http://images.cnblogs.com/cnblogs_com/yingzi1028/1479544/t_zhifubao.png'
          }
        ]
    }).init()
</script>

 而后点击保存,就ok啦,嘻嘻url

参考文章https博客园我的博客增长打赏功能心得(支付宝和微信分享后的连接在手机端也能够用到打赏功能)spa

相关文章
相关标签/搜索