博客園增長打賞功能

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 】圖片

相關文章
相關標籤/搜索