效果圖：

1.準備自己的照片，一般有微信和支付寶二維碼的照片

注意格式bmp

2.上傳到部落格園上

部落格園後臺：檔案，上傳檔案：zfb.bmp，wx.bmp（一般這麼命名）

3.開啟部落格園：管理---設定---

往下看：

部落格側邊欄公告（支援HTML程式碼） （支援 JS 程式碼）

如果不是上面的，那先需要申請js程式碼支援，需要等一會

4.程式碼，先需要修改

<!-- 打賞外掛 -->
<script>
window.tctipConfig = {
imagePrefix: "http://files.cnblogs.com/files/kdy11/",
cssPrefix: 
 
"http://files.cnblogs.com/files/kdy11",
buttonImageId: 4,
buttonTip: "dashang",
list:{
weixin:{qrimg: "https://files.cnblogs.com/files/xiykj/wx.bmp"},
alipay: {qrimg: "https://files.cnblogs.com/files/xiykj/zfb.bmp"}, 
}
};
</script>
<script src="https://blog-static.cnblogs.com/files/CH520/ch_tctip01.js"></script>

注意照片的地址：
kiykj 是我的部落格名，你自己需要改成自己的地址
然後複製，到部落格側邊欄公告（支援HTML程式碼） （支援 JS 程式碼）這裡，儲存即可

5.不報錯就算了，如果有時候可能報錯
那需要增加一個

6.上傳js檔案

下載tctip-1.0.3.js
https://files.cnblogs.com/files/xiykj/tctip-1.0.3.js

檔案下載

即可

原文連結：https://www.cnblogs.com/ysysbky/p/12243194.html