关闭

为CSDN博客添加打赏功能

1275人阅读 评论(1) 收藏 举报
分类:

随着移动支付在国内的兴起,越来越多的付费内容越多如雨后春笋般的冒了出来。其中以《逻辑思维》、罗振宇、李笑来为主要代表作品和人物。

现在很多博客或者个人网站里面都有打赏功能,这算是对博主的劳动的一种回报方式。

我这几天看了很多博客,确实也发现了很多博客支持这种功能,但是CSDN还未支持,因此在这里特意写一篇博客为自己的博客上添加打赏功能了。

各位看官,如果你觉得本人的博客对您有所帮助,您可以通过如下两种方式来进行打赏,打赏多少您随意。

1、微信打赏

打开微信扫一扫,扫码下面的【微信支付】二维码图片即可进行扫码打赏哦。

这里写图片描述

2、支付宝打赏

打开支付宝扫一扫,扫码下面的【支付宝】二维码图片即可进行扫码打赏哦。
这里写图片描述

在博客栏目中添加打赏功能

第一步,准备好微信支付和支付宝的收款二维码,如下所示:

图1、微信支付

微信支付

图2、支付宝

支付宝

第二步,管理博客,为博客增加打赏功能

1、点击 【管理博客】
这里写图片描述

2、选择 【博客栏目】
这里写图片描述

3、滚动页面到最尾部,点击【添加栏目】
这里写图片描述

点击后效果如下图所示:
这里写图片描述

如上图所示,该自定义栏目支持html,因此我们可以自由发挥。

这里我将标题写作 博客打赏
内容如下代码所示:

<div id="custom_column_41051715" class="panel">
<ul class="panel_head"><span>感谢打赏 支付宝二维码</span></ul>
<ul class="panel_body">
<img src="http://img.blog.csdn.net/20170413224641959" alt="支付宝" title="支付宝二维码" height="100%" width="100%">
</ul>
</div>

<div id="custom_column_41051842" class="panel">
<ul class="panel_head"><span>感谢打赏 微信二维码</span></ul>
<ul class="panel_body">
<img src="http://img.blog.csdn.net/20170413224625912" alt="微信" title="微信二维码" height="100%" width="100%">
</ul>
</div>

这里写图片描述
当然,上面的图片地址请替换为你们自己的支付宝和微信的相应二维码。

写完内容之后,点击【添加栏目】即可保存。

添加完栏目之后,你可以适当的调整该栏目的位置,下面是我调整后的博客效果,如下所示:

这里写图片描述

感觉有点low,用美图秀秀将两个图片合成了一张,下面是横竖两版本的样子,如下图所示:

竖版
这里写图片描述

横板
这里写图片描述

将打赏栏目的内容替换为以下代码

<div id="custom_column_41051715" class="panel">
<ul class="panel_head"><span>支付宝&amp;微信支付二维码</span></ul>
<ul class="panel_body">
<img src="http://img.blog.csdn.net/20170413233551562" alt="支付宝&amp;微信支付" title="支付宝&amp;微信支付二维码" height="100%" width="100%">
</ul>
</div>

运行后的显示效果如下所示:
这里写图片描述

当然,你也可以通过访问我的博客 http://blog.csdn.net/ouyang_peng
更加具体的查看效果,谢谢!


这里写图片描述

作者:欧阳鹏 欢迎转载,与人分享是进步的源泉!
转载请保留原文地址:http://blog.csdn.net/ouyang_peng/article/details/70162888

如果本文对您有所帮助,欢迎您扫码下图所示的支付宝和微信支付二维码对本文进行打赏

这里写图片描述

3
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

博客园添加打赏功能

简单几步为自己的博客园主页添加打赏功能: 准备工作: 准备支付宝和微信的二维码,后缀名需修改.bmp格式。如zfb.bmp,wx.bmp。 上传图片: 进入自己的博客园,然后进入 管理—>文件...
  • u014656992
  • u014656992
  • 2016-12-16 14:35
  • 1067

CSDN博客添加打赏功能( 非博客专家也可以设置)

现在很多博客或者个人网站里面都有打赏功能,这算是对博主的劳动的一种回报方式.我这几天看了很多博客,确实也发现了很多博客支持这种功能,自己使用的是CSDN博客,好像暂时还没有这种功能,所以我就查看资料并...
  • zr1076311296
  • zr1076311296
  • 2017-01-05 15:02
  • 938

如何为博客增加打赏功能

很多朋友喜欢在网络上分享自己的学习心得、工作经验、技术见解,自己呕心沥血写的好文章当然是非常希望得到认可。本文介绍怎么为博客文章增加打赏功能。我的博客使用的是maupassant主题,原来的主题没有打...
  • WinWill2012
  • WinWill2012
  • 2017-05-12 13:33
  • 459

hexo添加打赏功能

打赏是读者对笔者支持的最大动力,作为经常写博客的笔者来说,打赏功能如果在自己的博客中出现,那真的是求之不得呀(虽然基本不会有人来打赏)!而NexT正好集成了打赏的功能,其实现的思路是放上收款二维码,让...
  • ganzhilin520
  • ganzhilin520
  • 2018-01-12 20:44
  • 89

打赏功能的实现思路

打赏功能的实现,也就是让用户和读者能够付款给我们的账户。经过调研目前有三种方案,前面两种实现起来比较简单,但是功能也很简单,各有利弊,最后一种最复杂,可以实现的功能多一些。方案一  展示收款二维码因为...
  • q383965374
  • q383965374
  • 2017-05-07 00:21
  • 2404

如何在app中打开支付宝进行打赏开发者

COPY一下这个类: public class AlipayZeroSdk { // 支付宝包名 private static final String ALIPAY_PAC...
  • qq_24531461
  • qq_24531461
  • 2017-06-04 14:38
  • 2398

wordpress添加文章打赏按钮

原文来自搬砖工,如需转载请注明出处 博主个人建站专栏,请戳这里http://blog.csdn.net/column/details/14142.html 本文实例讲述了WORDPRESS文章中微...
  • LD0807
  • LD0807
  • 2017-01-13 12:54
  • 2029

如何实现CSDN打赏功能

一、准备好微信或者支付宝二维码(点击收款,长按二维码保存下来,截取二维码部分) 二、在CSDN点击>写博客 三、点击  上传图片, 选择要上传的 微信二维码图片 ,复制 圈...
  • F17610767668
  • F17610767668
  • 2017-07-12 17:47
  • 111

【智能路由器】打赏连wifi

【智能路由器】系列文章连接 http://blog.csdn.net/u012819339/article/category/5803489打赏连wifi是最近路由上的一个新功能,每个需要通过路由...
  • u012819339
  • u012819339
  • 2016-09-24 16:38
  • 3545

CSDN博客添加加QQ好友按钮

首先进到QQ推广网站(点击进入)选择推广工具选择样式及提示语:然后复制生成的代码(没有生成就多刷新几次),进入自己的博客管理页面选择“博客栏目”,将代码粘贴到想要的位置,以我的为例是这样:但这时你选择...
  • u011421608
  • u011421608
  • 2015-10-31 12:24
  • 779
    个人资料
    • 访问:2084279次
    • 积分:22811
    • 等级:
    • 排名:第362名
    • 原创:368篇
    • 转载:110篇
    • 译文:0篇
    • 评论:972条
    感谢您为博客进行打赏
      支付宝&微信支付二维码
      支付宝&微信支付
    站长统计
    友情链接
    博客专栏
    最新评论