博客园打赏、赞助功能

 

-------------------------------

基本设置

1、登陆后→我的博客→管理→设置

找到“博客侧边栏公告”后面，“申请JS使用”。

2、申请之后如图

3、准备 一张【支付宝收款的二维码】  和  一张【微信收款的二维码】；且这两张图片的格式后缀改为“.bmp”。例如，我自己的支付宝图片名称为“zhifubao.bmp”。并将它们通过“管理”->“文件”，上传至博客文件夹。

查看链接：

支付宝地址：http://files.cnblogs.com/files/bjlhx/bjlhx-wx.bmp

微信地址：http://files.cnblogs.com/files/bjlhx/bjlhx-zfb.bmp

4、编写JavaScript代码

【1.0.2版本】【正在使用】

<script src="//static.tctip.com/tctip-1.0.2.min.js"></script>
<script>
  new tctip({
    top: '10%',
    stat:false,
    button: {
      id: 1,
      type: 'zanzhu',
    },
    list: [
      {
        type: 'alipay',
        qrImg: '//files.cnblogs.com/files/bjlhx/bjlhx-zfb.bmp',

      }, {
        type: 'wechat',
        qrImg: '//files.cnblogs.com/files/bjlhx/bjlhx-wx.bmp',
      }
    ]
  }).init()
</script>

【1.0.0版本】【废弃】

<script>
window.tctipConfig = {
staticPrefix: "http://static.tctip.com",
cssPrefix: "http://static.tctip.com",
buttonImageId: 5,
buttonTip: "dashang",
list:{
alipay: {qrimg: "http://files.cnblogs.com/files/bjlhx/bjlhx-zfb.bmp"},
weixin:{qrimg: "http://files.cnblogs.com/files/bjlhx/bjlhx-wx.bmp"},
}
};
</script>
<script src="http://static.tctip.com/js/tctip.min.js"></script>

View Code

5、将代码拷贝至“页首Html代码”中即可

6、打赏：js代码：https://github.com/greedying/tctip

 

转载于:https://www.cnblogs.com/bjlhx/p/6784784.html