【博客美化】07.添加打赏按钮

1.添加打赏按钮

进入自己的博客园->设置,将以下JavaScript代码添加到“页首Html代码”

<!--打赏 Start-->

<script>
    window.tctipConfig = {
            staticPrefix: "http://static.tctip.com",
            buttonImageId: 5,
            buttonTip:    "dashang",
            list:{
                alipay: { qrimg: "http://images.cnblogs.com/cnblogs_com/jackson0714/809472/o_alipay_dashang.png"},
                weixin: { qrimg: "http://images.cnblogs.com/cnblogs_com/jackson0714/809472/o_weixin_dashang.png"},
            }
        };
</script>

<script src="http://static.tctip.com/js/tctip.min.js" />

<!--打赏 End-->

支付宝的使用说明

* 您可以直接在配置文件中传入支付宝账号,插件会自动生成二维码,但是推荐下面一种
* 您也可以登录支付宝,打开https://qr.alipay.com/paipai/personal.htm,保存网页上的收款二维码,然后将图片添加到自己的博客园相册里面,然后将图片的地址作为qrimg参数传入,这样别人扫描此二维码将直接使用支付宝快捷支付

微信使用说明

* 直接传入微信账号,微信扫描的时候似乎不能付款,因此微信需要您传入qrimg二维码图片,见下面
* 打开 微信->收付款>我要收款>长按二维码图片>保存到手机,将图片裁剪后上传到您的服务器,然后将图片添加到自己的博客园相册里面,然后将图片的地址作为qqrimg参数传入即可。
开源插件地址:
https://github.com/greedying/tctip

作  者: Jackson0714 出  处:http://www.cnblogs.com/jackson0714/ 关于作者:专注于微软平台的项目开发。如有问题或建议,请多多赐教! 版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。 特此声明:所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误,共同进步。或者直接私信我 声援博主:您的鼓励是作者坚持原创和持续写作的最大动力!

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程微刊

浅谈移动端页面无刷新跳转问题的解决方案

42840
来自专栏知晓程序

开发 | 一个 Android 开发者的小程序开发之旅

我是一名 Android 开发程序员,以前没有接触过前端开发,直到接手了公司的小程序项目,才开始逐渐接触前端领域。

12220
来自专栏web前端教室

css一样追踪你,清空缓存也没有用

一直以来,网站要追踪用户的操作和信息,都需要用到Js,但今天偶然看到有人用css来做网站用户的交互监测,而且完全可以实现针对不同用户的不同操作。

11730
来自专栏JAVA高级架构

网站性能优化实战——从12.67s到1.06s的故事

27230
来自专栏Nian糕的私人厨房

Vue2.0 Vuex初始化及歌手数据的配置

本次的系列博文的知识点讲解和代码,主要是来自于 黄轶 在慕课网的 Vue 2.0 高级实战-开发移动端音乐WebApp 课程,由个人总结并编写,其代码及知识点...

13930
来自专栏况鹰的专栏

关于Android图片资源瘦身的奇思妙想

替换掉系统的压缩算法。如果你不嫌麻烦和喜欢折腾的话可以在你的apk使用一下,效果还是非常显著的。

2.6K40
来自专栏小白安全

FreeBuf官网发布《简易Python Selenium爬虫实现歌曲免费下载》

主要思路就是爬取播放页里的播放源文件的url,程序可以读取用户输入并返回歌单,,,因为在线网站包含大量js,requests就显得很无奈,又懒得手动解析js...

37550
来自专栏北京马哥教育

小白请上车 | Python抓取花瓣网高清美图

? 一:前言 嘀嘀嘀,上车请刷卡。昨天看到了不错的图片分享网—— 花瓣 ,里面的图片质量还不错,所以利用selenium+xpath我把它的妹子的栏目下爬取了...

28730
来自专栏Jackson0714

【博客美化】03.分享按钮

399100
来自专栏向治洪

关于React Native项目在android上UI性能调试实践

我们尽最大的努力来争取使UI组件的性能如丝般顺滑,但有的时候这根本不可能做到。要知道,Android有超过一万种不同型号的手机,而在框架底层进行软件渲染的时候是...

34950

扫码关注云+社区

领取腾讯云代金券