1、准備支付寶和微信收款的二維碼圖片
（1）獲取微信收款圖片方法：
微信--“我”--錢包--收付款--二維碼收款--保存收款碼
（2）獲取支付寶收款圖片方法：
支付寶--“收錢”--保存圖片
2、圖片上傳到博客園
方法：博客園--“我的博客”--管理--文件--上傳文件
如下圖所示，注意將步驟1中的圖片的擴展名改為“bmp”
3、向博客園申請獲取JS權限
方法：博客園--“我的博客”--管理--設置--獲取JS權限
如下圖所示：
4、修改如下代碼：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <meta name="keywords" content="打賞" /> <meta name="description" content="打賞" /> <title>打賞</title> </head> <script> window.tctipConfig = { staticPrefix: "http://static.tctip.com", buttonImageId: 5, //zanzhu--博客園右邊出現"贊助"二字 //buttonTip: "zanzhu", //dashang--博客園右邊出現"打賞"二字 buttonTip: "dashang", list: { alipay: { //修改一：修改支付寶收款碼地址 qrimg: "http://files.cnblogs.com/files/mengfangui/zgb.bmp" }, weixin: { //修改二：修改微信收款碼地址 qrimg: "http://files.cnblogs.com/files/mengfangui/wx.bmp" }, } }; </script> <script src="http://static.tctip.com/js/tctip.min.js"></script> <body> </html>
主要有兩處修改，分別是修改支付寶收款碼圖片地址和微信收款碼圖片地址。
獲取修改支付寶收款碼圖片地址和微信收款碼圖片地址的方法為：博客園--“我的博客”--管理--文件
5、將修改后的代碼復制到頁首Html代碼
方法為：博客園--“我的博客”--管理--設置--頁首Html代碼--保存
查看博客頁面效果：
