关键词:
github地址:https://github.com/greedying/tctip
先上传文件
css样式文件:myReward.css
支付二维码
支付方式图片
css引用的图片
打赏或者赞助按钮图片
注意把图片格式改成bmp,博客园只支持bmp格式的图片
修改js源代码并上传
为什么要修改js源代码,因为博客园的文件是不包含文件夹的,文件只有一个地址,输入文件地址即可查看文件
上面这个要把img去掉
同时如果我们要用到其中的某几个比如说支付宝和微信,我们必须把这个路径改成它们的绝对路径
上面这个得把css去掉
buttonImageId对应的是你上传的文件名称的结尾数,比如上面的是值是3,buttonTip是打赏,那么对应的你需要上传的是打赏文件夹下的tab_3.png(要改成bmp)
当然,我们不需要在js改这个参数配置,因为这些都是可以配置的。只需要把css去掉就同时css改成绝对路径。
由于我们使用固定的打赏样式,所以,这里直接改成我们选中的那个样式
1
2
3
4
|
buttonImageUrl: function(){ var id = tctip.myConfig.buttonImageId; var tip = tctip.myConfig.buttonTip; return tctip.imageUrl( "http://files.cnblogs.com/files/JAYIT/tab_3.bmp" );//我选的是这个样式,注意 要用文件的绝对地址 |
1
|
上传文件
最后,把修改好的js上传上去
引用js,添加配置文件
1
2
3
4
5
6
7
8
9
10
11
12
|
<script> window.tctipConfig = { imagePrefix: "图片文件的相对路径" , //这个可以为空 cssPrefix: "样式文件的相对路径" , //这个也可以为空 //staticPrefix: "http://static.tctip.com", buttonImageId: 4 , buttonTip: "dashang" , list:{ alipay: { qrimg: "支付宝二维码绝对路径" }, weixin: { qrimg: "微信二维码绝对路径" }, }}; </script> |
1
|
<script type= "text/javascript" src= "http://files.cnblogs.com/files/JAYIT/tctip.js" ></script> |
1
|
<script type= "text/javascript" src= "http://files.cnblogs.com/files/JAYIT/qrcode.js" ></script> |
不引用它的压缩版就需要引用上面两个js
最后记得把css的样式改下,里面引用了三个图片,有两个我找到了要传到博客园里面,然后在css文件里面引用图片绝对路径,然后把css上传上去然后引用css即可
http://www.cnblogs.com/JAYIT/p/5475097.html
打赏:关于博客园打赏的功能
今天在网上浏览资料的时候,发现别的博主都有打赏功能了,感觉很好奇,试了试几种方法,最后也把这个博客园的打赏功能弄出来了。大家好奇么,想知道怎么做到的朋友,请留言~~~欧耶欧耶~~~ 查看详情
csdn博客添加打赏功能(非博客专家也可以设置)(代码片段)
现在很多博客或者个人网站里面都有打赏功能,这算是对博主的劳动的一种回报方式.我这几天看了很多博客,确实也发现了很多博客支持这种功能,自己使用的是CSDN博客,好像暂时还没有这种功能,所以我就查看资料并研究了一下... 查看详情
csdn博客添加打赏功能(非博客专家也可以设置)(代码片段)
现在很多博客或者个人网站里面都有打赏功能,这算是对博主的劳动的一种回报方式.我这几天看了很多博客,确实也发现了很多博客支持这种功能,自己使用的是CSDN博客,好像暂时还没有这种功能,所以我就查看资料并研究了一下... 查看详情
一直播怎么开启打赏功能
参考技术A想要开通打赏功能您可以进入个人主页--管理中心--内容收益中,开启打赏功能。开启后您所发布的长微博即带有打赏标识啦。粉丝们如果喜欢您的微博或文章,可以通过微博支付方便地打赏您 查看详情
快手新增付费功能产品说明书
...档密级:仅限项目组归属部门/项目: 产品名:快手打赏功能子系统名: 编写人:降灾编写日期:20180927 修订记录:版本号修订人修订日期修订描述V1.0降灾20180927初稿 一、产品背景根据作业要求... 查看详情
微信公众号打赏如何设置
首先微信公众号打赏功能开启条件:必须开通原创保护。目前这打赏功能只能通过邀请,所以,你只有不断的写原创,等着邀请开通赞赏功能就行了。微信公众号打赏功能如何申请开通?第一,登录公众号,打开邀请信息提醒;... 查看详情
自己制作博客园打赏功能
功能:给自己博客园添加支付宝、微信(后续)打赏功能(用javascript)效果图:主要是侧边栏打赏 查看详情
自制简易打赏功能
1、申请开通cnblogs的JS代码支持 2、将微信收款码图片上传到cnblogs 3、将如下代码中的http://files.cnblogs.com/files/eritpang/weixin.bmp替换为刚刚上传的收款码图片的链接地址,然后将代码添加到设置->博客侧边栏公告(支持HTML代... 查看详情
快手app新增短视频打赏功能说明书
...#160;文档编号:2018.04.29 产品名称:快手App新增短视频打赏功能说明书 编写人:Jugendstil 编写日期:2018.04.29对目前视频播放页面新增一个打赏功能,可以提升视频创造者的平台收入,让更多的人参与到知识付... 查看详情
淘股吧怎么开启打赏功能
方法/步骤分步阅读1/4进入手机的淘股吧软件,点击下面的我选项。2/4点击上面的创作选项。3/4点击下面的立即开通选项。4/4最后输入内容信息,点击发布选项即可。参考技术A你需要达到要求,第一个要求就是粉丝需要达到3w,... 查看详情
微博手机头条文章打赏功能如何开启?
...考技术C他这个写完之后都是可以在这下方写着点开那个打赏功能的,包括这个微博也是。 参考技术D这个好像在网站里面要申请个什么东西,你可以问一下官方。 第5个回答 2019-12-25双鱼座对感情非常专一 查看详情
教你一招:网站增加打赏功能
1、前提条件: 设置——博客设置——博客侧边栏公告(支持HTML代码)后面的如果是“申请开通”,必须先申请开通;如果是“支持js代码”,那就代表你已经开通过了,有写js代码的权限了2、准备材... 查看详情
[思路][创意]杂谈,关于文章打赏
...这些文章却基本都是免费的,除了像微信公众号之类的有打赏的功能外,很少有一个能直接让读者当场给作者“稿费”的方式如果搞一个链接到微信或者支付宝的小应用,有一个给“稿费”的功能,我想多少不嫌少,会给作者带... 查看详情
博客园打赏功能设置,友言,友荐,分享功能设置
一、jiaThis分享到设置<!--JiaThisButtonBEGIN--><scripttype="text/javascript"src="http://v3.jiathis.com/code/jiathis_r.js?move=0&btn=r5.gif"charset="utf-8"></script><!--JiaThisButt 查看详情
睡后收益--csdn博客打赏功能及自定义模块以及代码分享(代码片段)
...当然是非常希望得到认可。本文介绍怎么为csdn博客增加打赏功能。修改步骤1.点击右上角的创作2.左侧栏滑动到创作权益>自定义模块笔者的内容如下<div><p> 查看详情
牛奶ddw如何通过以太坊钱包实现互相打赏
很多朋友不清楚如何转账ddw,但是万能的网友是无敌的先就自己摸索的一点经验总结下今天的转账经验。1.提取到自己的账户这个大家都知道如何操作,使用官方的钱包在“日日盈app”中点击"我的设备”,点击提取收益... 查看详情
github+hexo搭建自己的博客网站主题之外的一些基本配置(图片位置,文章目录功能)
...后,还需要进行自己的定制配置 1、图片的位置比如打赏的支付宝二维码图片,是在当前博客的source/assets/img/下(不是当前主题)配置:(在yilia主题下文件里themesyilia文件夹下的_config.yml)#打赏基础设定:0-关闭打赏;1-文章对... 查看详情
博客园个人博客增加打赏功能心得(代码片段)
1.收款码1.1保存把自己的支付宝和微信二维码收款码(注意是收款码而不是付款码,别搞错)两个图片保存到电脑,并使用图片编辑工具(Windows自带画图软件,或者QQ等其他截图工具都可以)只截取二维码部分即可。1.2上传进入... 查看详情