博客园添加打赏功能
2016-12-16 14:35
316 查看
简单几步为自己的博客园主页添加打赏功能:
1 准备工作:
准备支付宝和微信的二维码,后缀名需修改.bmp格式。如zfb.bmp,wx.bmp。2 上传图片:
进入自己的博客园,然后进入 管理—>文件,在这里上传自己第1步中准备好的二维码图片。3 复制并根据自己的博客修改如下代码:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8" /> <meta name="keywords" content="打赏" /> <meta name="description" content="打赏" /> <title>打赏</title> </head> <script> window.tctipConfig = { staticPrefix: "http://static.tctip.com", buttonImageId: 5, buttonTip: "zanzhu", list:{ alipay: { qrimg: "http://files.cnblogs.com/files/unnamedprogramer/zfb.bmp"}, //修改1 weixin: { qrimg: "http://files.cnblogs.com/files/unnamedprogramer/wx.bmp"}, //修改2 } }; </script> <script src="http://static.tctip.com/js/tctip.min.js"></script> <body> </body> </html>
修改1:进入博客,“管理”–>“文件”–>“上传文件管理”–>“文件名”,点击对应的文件名,如博主自己的zfb.bmp这能预览图片,复制图片url,替换上述代码中alipay对应的qrimg参数。
修改2:同修改1.
4 将修改后的代码粘贴到指定位置:
进入博客,找到“管理”–>“设置”,下拉到“首页Html代码”,将上面修改后的代码粘贴进去,点击“保存”。5 完成。刷新一下,查看自己的打赏功能吧!!
最后,感谢https://github.com/greedying/tctip!!相关文章推荐
- 五个步骤为博客园添加打赏功能
- 博客园添加打赏功能(转载)
- 五个步骤为博客园添加打赏功能
- 博客园—打赏功能
- 博客园的打赏功能
- 站长必备工具-网站添加微信/支付宝打赏功能,任意网站通用无须插件
- 博客园可不可以添加自动存为草稿的功能啊(像163,gmail那样的)?
- hexo添加打赏功能
- 《如何在WordPress上添加微信/支付宝打赏功能》
- 怎样使用两行代码实现博客园打赏功能
- 右侧添加悬浮打赏功能
- 站长必备工具-网站添加微信/支付宝打赏功能,任意网站通用无须插件
- 博客园 打赏功能设置,友言,友荐,分享功能设置
- 博客园增加打赏功能
- 博客园打赏功能(未申请下js权限使用二维码打赏功能)
- 为CSDN添加打赏功能
- 为Hexo Next主题添加分享及打赏功能
- 自定义博客园主题并添加各种小功能
- 为CSDN博客添加打赏功能
- 博客园打赏、赞助功能