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