博客园的打赏功能
2016-12-16 14:14
183 查看
简单几步为自己的博客园主页添加打赏功能:
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!!相关文章推荐
- 博客园 打赏功能设置,友言,友荐,分享功能设置
- 五个步骤为博客园添加打赏功能
- 五个步骤为博客园添加打赏功能
- 博客园—打赏功能
- 博客园打赏功能(未申请下js权限使用二维码打赏功能)
- 博客园打赏、赞助功能
- 博客园添加打赏功能(转载)
- 博客园添加打赏功能
- 怎样使用两行代码实现博客园打赏功能
- 博客园增加打赏功能
- 利用ASP.NET MVC和Bootstrap快速搭建个人博客之文章打赏功能(六)
- 给博客园闪存添加第三方功能 —— 云计算
- 为CSDN博客添加打赏功能
- 第一次登陆博客园,暂时用于文章发表,以后慢慢发现功能
- [前端插件]为自己的博客增加打赏功能
- 博客园网页换肤功能实现研究(一)
- 博客园的后台功能真强大,是我见过的最好的博客发布系统了。
- 用js实现博客打赏功能
- 博客园设置访问统计功能-by beanmoon
- [博客园公告]订阅回复功能改进