最近我和朋友交流的時候,她告訴我她所使用的博客自帶打賞功能。
我仔細查看了一下,博客園好像沒有自帶這個功能。
但是,我看到好多朋友的博客園都使用了“打賞”或“贊助”。所以,我迫不及待的想給自己也加上那么一個插件。
但是,搜索了很多帖子,按照他們的步驟操作后,我的“打賞”功能依舊沒有顯示。
后來,我才發現自己漏了關鍵的一步而博主卻沒說明。
下面給需要的小伙伴分享一下,整個“打賞”功能的實現:(該方法比較方便,不用再去下載插件)
第一步:進入“我的博客”->“管理”->“設置”,往下拉,找到“博客側邊欄公告”后面,申請“JS”使用。
申請成功后顯示為這樣:
(我的就是因為沒有申請,所以一開始怎么也沒有顯示。低級錯誤)
第二步:准備 一張【支付寶收款的二維碼】 和 一張【微信收款的二維碼】;且這兩張圖片的格式后綴改為“.bmp”。例如,我自己的支付寶圖片名稱為“zhifubao.bmp”。並將它們通過“管理”->“文件”,上傳至博客文件夾。
第三步:復制我下面這段代碼,
<script> window.tctipConfig = { staticPrefix: "http://static.tctip.com", cssPrefix: "http://static.tctip.com", buttonImageId: 5, buttonTip: "dashang", list:{ alipay: {qrimg: "http://files.cnblogs.com/files/wuql/zhifubao.bmp"}, weixin:{qrimg: "http://files.cnblogs.com/files/wuql/weixin.bmp"}, } }; </script> <script src="http://static.tctip.com/js/tctip.min.js"></script>
你要修改的地方是我用紅色和綠色的部分,其中,紅色部分是你的博客地址名,實在不知道的話,你可以通過“我的博客”->“管理”->“設置”找到
;
綠色的部分就是你剛才上傳的圖片的名稱。請一一對應修改。
第四步:找到“我的博客”->“管理”->“設置”,就是剛才查看博客名的頁面,將頁面往下拉,找到“頁首Html代碼”這個位置,將修改好的代碼復制進去。
保存就可以啦。
我這種方法比較簡單,不用下載插件。如果想要更深的了解,可以訪問https://github.com/greedying/tctip這個網址,我就是從這里借鑒的。
以上僅是個人實踐后的分享。歡迎補充。
【小主,覺得有用打賞點哦!多多少少沒關系,一分也是對我的支持和鼓勵。謝謝!】
