博客园(cnblogs)右侧添加悬浮打赏功能

博客园(cnblogs)右侧添加悬浮打赏功能

原文地址:http://www.cnblogs.com/yingzi1028/p/6253718.html
小麦苗博客园地址:http://www.cnblogs.com/lhrbest

今天小颖逛博客园时,发现有的园友的博客右侧都有一个:

                                                                       

看了后,小颖也想给自己的博客里弄一个,所以就百度了一下,在参考:博客园—打赏功能后,小颖就给自己的博客添加了此功能,嘻嘻,下面一起来看看,要怎么做:

第一步:

          进入“我的博客”->“管理”->“设置”,往下拉,找到“博客侧边栏公告”后面,申请“JS”使用。点击申请后,还要等待一段时间。所以我们先看看下一步吧!

         

第二步:

         将你的微信和支付宝的 “我要收款”的二维码截屏,然后再将其发送到电脑端,由于图片中的空白太多,小颖就用扣扣的截图将图片中的二维码部分截取并保存,保存的图片格式是png格式的,但博客圆的文件上传,只允许上传文件类型:.zip .rar .js .css .xml .7z .ico .pdf .ppt .pptx .xap .xpi .swf .apk .cdf .gif .tar .gz .sh .bmp,所以小颖将图片选中,点击鼠标右键—>编辑—>小颖圈中的红色部分,然后大家分别将微信、支付宝收款二维码图片的格式后缀改为“.bmp”。

           

第三步:

         并将它们通过“管理”->“文件”,上传至博客文件夹。

        

第四步:

       查看我们第一步申请的js权限是否通过,通过后是介个酱紫的:

       

第五步:

         找到“我的博客”->“管理”->“设置”,找到“页首Html代码”这个位置,将下面的代码复制进去。

         注意: 红色部分需要修改为你的博客地址名。实在不知道的话,你可以通过“我的博客”->“管理”->“设置”找到

               

               alipay: {qrimg: "http://files.cnblogs.com/files/yingzi1028/zhifubao.bmp"},

                weixin:{qrimg: "http://files.cnblogs.com/files/yingzi1028/weixin.bmp"},

<script>
window.tctipConfig = {
staticPrefix: "http://static.tctip.com",
cssPrefix: "http://static.tctip.com",
buttonImageId: 1,
buttonTip: "dashang",
list:{
alipay: {qrimg: "http://files.cnblogs.com/files/yingzi1028/zhifubao.bmp"},
weixin:{qrimg: "http://files.cnblogs.com/files/yingzi1028/weixin.bmp"},
}
};
</script>
<script src="http://static.tctip.com/js/tctip.min.js"></script>

buttonImageId :值貌似是1到9,大家可以自己试一试,不同的参数的颜色也不同。小颖试了9以后的数字,页面中的打赏就成所以小颖猜它的值是1到9。 buttonTip:值貌似只有dashang、zanzhu 这两个参数,小颖试了这两以外的拼音,页面中的打赏也成了所以小颖猜它的值是dashang、zanzhu。 大家也可以看看tctip官网,好啦希望小颖的分享大家能够喜欢,也欢迎大家多多打赏哦。拜拜! 


About Me


...............................................................................................................................

● 原文地址:http://www.cnblogs.com/yingzi1028/p/6253718.html

● 小麦苗云盘地址:http://blog.itpub.net/26736162/viewspace-1624453/

● QQ群:230161599     微信群:私聊

● 联系我请加QQ好友(642808185),注明添加缘由

● 文章内容来源于小麦苗的学习笔记,部分整理自网络,若有侵权或不当之处还请谅解

● 版权所有,欢迎分享本文,转载请保留出处

...............................................................................................................................

拿起手机使用微信客户端扫描下边的左边图片来关注小麦苗的微信公众号:xiaomaimiaolhr,扫描右边的二维码加入小麦苗的QQ群,学习最实用的数据库技术。

   

时间: 2024-09-20 06:28:51

博客园(cnblogs)右侧添加悬浮打赏功能的相关文章

将博客园(cnblogs.com)数据导入到wordpress的代码_php实例

我将这个分享出来,如果以后有谁需要可以直接下载下面插件 使用方法: 在cnblogs选择备份数据,导出一个XML到本地: 下载附件中的插件,安装至\wp-content\plugins目录: 后台开启插件后,可以在"工具"中找到"Cnblogs数据转换",进入: 选择刚才下载的XML文件,上传后系统会自动将数据转换并导入到wordpress中 备注: 这个插件只是单纯将博客园日志.随笔.文章导入到wordpress中,不会导入评论相册数据,因为cnblogs不提供这

打造博客园(cnblogs)超级自定义界面_其它综合

定制博客界面的核心方法是通过引用我们自己上传的外部JS,使外部JS的代码能在当前博客页面上执行,从而用这个JS修改页面DOM结构(加入新的界面元素,加入引用自定义的CSS,加入新的界面交互功能),然后我们就可以在自己写的这个外部JS里任意发挥了. 在博客园中的博客页面中引用外部JS的方法: 进入博客设置页面->设置->子标题,在这里,你可以输入你博客的一些子标题的内容,同时,你其实还可以输入如下html:<script src="XXXX">XXXX代表你的JS

导入把博客园/开源中国的文章导入到wordpress博客

在11年的时候就发布过一个数据导入的插件,最近有朋友反馈会报错.经过检查问题应该出在xml文件检测上. 在重新优化这款插件之前,就一直有个想法,希望能够按照官方提供的wordpress-importer的文件导入流程来优化这款插件流程.由于时间关系,一直搁置没有动过.介于这次机会重写了一遍这款插件. 这款插件已在wordpress插件中心上线,大家可以直接在wordpress控制台进行在线安装,安装方法: 在wordpress控制台,点击"安装插件"搜索"cnblogs&qu

博客园添加背景音乐,给你的博文加点料

博客园背景音乐调用,让音乐为你的博文加点料     单调的文字怎么行,让音乐为你的博文加点料.什么?你写的是技术型博客不搞这么多文艺,大叔,技术型博客也可以很文艺的诶. 今天下三分,网易云.虾米.所有的XX音乐各占据了国内的音乐市场,不过要论曲库哪家全,网易云虾米撕破脸.所以呢,要想博客加上稳定的音乐外链,就在这两者之间选择吧. 在网站上选择合适的背景音乐并外链 何为"合适的背景音乐"呢?首先是前奏不要太唐突,不然网友一打开你的博客就是"咚咚咚"的声音,撸管到一半犯

博客园随笔添加自己的版权信息

这几日,看了一些博客.发现在一些博客的底部添加了一些版权信息,很新颖.如下图: 写信给博客园的客服,问如何做出来的.回复是添加自己的"签名".无语了,只能自己研究了. 在分析了别人的页面后,终于摸索出制作方法.效果看文末的"版权信息".现在把制作过程公开,和大家探讨. 先点"维护签名",进入到制作签名的页面.在"内容"的文本框输入如下信息: <div>作者:<a href="http://grene

【店长推荐&amp;非广告】手把手教你为博客园添加IP、PV统计

每个努力写博客的人都想让自己的博客有更多的人看到,即满足自己的虚荣心又能帮助到他人,何乐而不为呢. 像我这种写出来文章拿不到多少推荐,不能当上推荐博客,写的东西还总被移除首页的人来说,只能靠PV这种东西刷刷荣誉感了. 本篇就来手把手教大家如何为自己的博客进行IP PV统计! 什么是IP和PV IP就是独立的IP数,一般来说,统计的方法是一天之内重复的IP算作一条.PV则是一次网页的请求了,每次刷新都会增加一次PV. 盗用鹅厂的图来说明一下: 先来一发兴奋弹! 先来看看效果: 点击链接,能清晰的看

美化博客园界面(让您的博客更加赏心悦目)希望对您有用【转】

转自:http://www.cnblogs.com/liyunhua/p/4558480.html 阅读目录 写在前面 博客界面设计原理 我当前的博客园首页是怎样设计的 分享是怎样实现的 我的侧边栏时间控件是怎样实现 博客园界面目录设置 回顶部.收藏.添加评论.首页侧边栏是如何实现? 另外分享一个适合男孩的博客园界面 还有一个更加雅致的版本分享 回到顶部 写在前面 上次无意间写了一篇博文,谁知还是有挺多人关注的.评论当中都是问我界面看起来挺别致的,是怎样设计的?   我不好一个一个的告知,特此,

博客园配置windows live writer,实现本地代码高亮

你是否还在为只能用浏览器在博客后台写文章而苦恼? 你是否还在纠结于live writer没有代码高亮而苦恼? 现在一切都能解决: 其实博客园支持SyntaxHighlighter代码着色,可以用相应的Live Writer代码着色插件进行代码着色.他们推荐的代码高亮插件是 :推荐代码着色插件:Source Code plugin for SyntaxHighlighter. :Windows Live Writer下载地址:http://download.live.com/writer. 但是无

小技巧:如何在(博客园)TinyMCE编辑器模式下同时插入Flash和Sliverlight以及代码运行框

如标题,已经知道的同学们就不用往下看了,以免浪费时间,本文内容是为博客园新手准备的.   众所周知,博客园发布博文时提供了二种html编辑器:CuteEditor 和 TinyMCE.(其实还有一种纯文本方式,不过很少有用人它,本文就不讨论它了)   TinyMCE相对在代码着色方面更出色,排版出来的文章也更好看,所以博客园推荐大家使用它,但是这东西有一个致命的缺点:如果用它直接插入Sliverlight(Xap),保存后会自动识别为Flash,这令银光侠们苦恼不已,昨天我向博客园团队反馈了,得