教你一招:网站增加打赏功能

Posted dinphy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了教你一招:网站增加打赏功能相关的知识,希望对你有一定的参考价值。

1、前提条件:

  设置——博客设置——博客侧边栏公告(支持html代码)后面的如果是“申请开通”,必须先申请开通;如果是“支持js代码”,那就代表你已经开通过了,有写js代码的权限了

2、准备材料:

  微信收款二维码图片,支付宝收款二维码图片等(图片建议尺寸244*227

3、步骤:

  (1)将微信和支付宝的图片放在一个外网可以访问的地方(下面需要使用图片的链接,推荐放到博客园的文件中。可以在文件,上传文件中操作,博客园上传的文件由大小限制,图片不要太大了)

  (2)模板代码

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<meta name="keywords" content="打赏" />
<meta name="description" content="打赏" />
<title>打赏</title>
</head>
<body>
    <script>
        window.tctipConfig = {
            imagePrefix:  "",
            cssPrefix:      "",
            staticPrefix: "http://static.tctip.com",
            buttonImageId: Math.ceil(Math.random()*8) + 1, //这里可以用一个固定的数字代替随机数
            buttonTip:    "dashang", //或者 zanzhu
            list:{
                bitcoin: { account: "1PhQySHF1ZuoRwoZ8G4CDLEtE6fAnD3GJP"}, //如果没有比特币,此行代码可以删除

                alipay: { qrimg: "http://files.cnblogs.com/files/dinphy/alipay.gif"},    //qrimg需要修改为自己的图片链接

                weixin:{qrimg: "http://files.cnblogs.com/files/dinphy/wechatpay.gif"}, //qrimg需要修改为自己的图片链接

                tenpay: { account: "342285717", className:"myR-on"}, //如果不想添加财付通,此行代码可删除;如果要添加需要修改account为自己的账号
                
                another:{icon: "img/litecoin.png", name: "莱特币", className: "", account: "LVCSBrv3ikzZWDtm9v8QPvDvLwn7dcsCEa", desc: "自定义莱特币"} //如果没有莱特币,此行代码可以删除,如果要添加需要修改account为自己的账号
            }
        };
    </script>

    <script src="http://static.tctip.com/js/tctip.min.js"></script>
</body>
</html>

 

  (3)需要修改的地方主要是自己的微信和支付宝的二维码链接,list里面最多5个支付方式,多余的支付方式将被忽略

  (4)打开博客设置,将上面修改过的代码贴进“博客侧边栏公告”,“页首Html代码”,“页脚Html代码”三处之中的任意一处

  (5)刷新页面,到你的博客首页看看效果吧

以上是关于教你一招:网站增加打赏功能的主要内容,如果未能解决你的问题,请参考以下文章

[转]教你一招 - 如何给nopcommerce增加一个类似admin的area

Keil 编译太慢怎么办?教你一招,提速10倍

Keil 编译太慢怎么办?教你一招,提速10倍

微信表情150个限制怎么破?教你一招

教你一招,利用 PyTorch on DC/OS 实现深度学习

教你一招搞定 Homebrew 下载加速!