前兩天看過幾篇增加打賞功能的博客,但覺得比較繁瑣,所以決定寫一篇簡單化的,讓菜鳥根據步驟操作也能實現在自己的博客上添加打賞功能。
1.首先准備好自己微信和支付寶收款的二維碼圖片,注意,圖片需要修改為bmp結尾的格式,如,zfb.bmp,wechat.bmp。
2.進入自己的博客園,然后進入 管理--->文件,在這里上傳自己第1步中准備好的二維碼圖片。
3.復制下面的js代碼
1 <script> 2 window.tctipConfig = { 3 imagePrefix: "http://files.cnblogs.com/files/kdy11/", 4 cssPrefix: "http://files.cnblogs.com/files/kdy11", 5 buttonImageId: 4, 6 buttonTip: "dashang", 7 list:{ 8 alipay: {qrimg: "http://files.cnblogs.com/files/kdy11/zfb.bmp"}, 9 weixin:{qrimg: "http://files.cnblogs.com/files/kdy11/wechat.bmp"}, 10 } 11 }; 12 </script> 13 <script src="http://files.cnblogs.com/files/kdy11/tctip.min.js"></script>
4.修改js代碼第8行和第9行,如下
8 alipay: {qrimg: "http://files.cnblogs.com/files/自己的博客地址名/支付寶圖片的名子.bmp"}, 9 weixin:{qrimg: "http://files.cnblogs.com/files/自己的博客地址名/微信圖片的名字.bmp"},
注意:自己博客的地址名,可以進入管理--設置,下面的【Blog地址名】就是。
5.最后一步,進入管理--設置,往下拉找到【頁首Html代碼】,把修改完的js代碼粘貼到里面,保存就大功告成了。
注意:查看自己是否設置成功的時候,進入自己的博客查看的時候,注意自己博客的鏈接,是www開頭,不要帶https。