網站增加打賞功能


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)刷新頁面,到你的博客首頁看看效果吧


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM