博客園—打賞功能


最近我和朋友交流的時候,她告訴我她所使用的博客自帶打賞功能。

我仔細查看了一下,博客園好像沒有自帶這個功能。

但是,我看到好多朋友的博客園都使用了“打賞”或“贊助”。所以,我迫不及待的想給自己也加上那么一個插件。

但是,搜索了很多帖子,按照他們的步驟操作后,我的“打賞”功能依舊沒有顯示。

后來,我才發現自己漏了關鍵的一步而博主卻沒說明。

 

下面給需要的小伙伴分享一下,整個“打賞”功能的實現:(該方法比較方便,不用再去下載插件)

第一步:進入“我的博客”->“管理”->“設置”,往下拉,找到“博客側邊欄公告”后面,申請“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這個網址,我就是從這里借鑒的。

以上僅是個人實踐后的分享。歡迎補充。

【小主,覺得有用打賞點哦!多多少少沒關系,一分也是對我的支持和鼓勵。謝謝!】

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM