1.首先準備好本身微信和支付寶收款的二維碼圖片,注意,圖片須要修改成bmp結尾的格式,如,alipay.bmp,wechat.bmp。html
2.進入本身的博客園,而後進入 管理--->文件,在這裏上傳本身第1步中準備好的二維碼圖片。shell
3.複製下面的js代碼微信
1 <script> 2 window.tctipConfig = { 3 staticPrefix: "https://static.tctip.com", 4 buttonImageId: 2, 5 buttonTip: "dashang", 6 list:{ 7 alipay: { qrimg: "https://files.cnblogs.com/files/clovershell/alipay.bmp"}, 8 weixin: { qrimg: "https://files.cnblogs.com/files/clovershell/wechat.bmp"}, 9 } 10 }; 11 </script> 12 <script src="https://static.tctip.com/js/tctip.min.js"></script>
4.修改js代碼第7行和第8行,以下spa
7 alipay: {qrimg: "http://files.cnblogs.com/files/本身的博客地址名/支付寶圖片的名子.bmp"}, 8 weixin:{qrimg: "http://files.cnblogs.com/files/本身的博客地址名/微信圖片的名字.bmp"},
5.最後一步,進入管理--設置,往下拉找到【頁首Html代碼】,把修改完的js代碼粘貼到裏面,保存就大功告成了。code
說明:htm
buttonImageId: 2, //表明背景顏色:1是杏黃色;2是柳綠色,3是藍色,4是灰色,5是嫣紅色,6是漆黑色,7是寶藍色,8是洋紅色,9是羣青色blog
【 顏色叫法參考 https://www.cnblogs.com/clovershell/p/10044882.html 】圖片