随着移动支付在国内的兴起，越来越多的付费内容越多如雨后春笋般的冒了出来。其中以《逻辑思维》、罗振宇、李笑来为主要代表作品和人物。
现在很多博客或者个人网站里面都有打赏功能，这算是对博主的劳动的一种回报方式。
我这几天看了很多博客,确实也发现了很多博客支持这种功能，但是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>支付宝&微信支付二维码</span></ul>
<ul class="panel_body">
<img src="http://img.blog.csdn.net/20170413233551562" alt="支付宝&微信支付" title="支付宝&微信支付二维码" height="100%" width="100%">
</ul>
</div>运行后的显示效果如下所示：
当然，你也可以通过访问我的博客 http://blog.csdn.net/ouyang_peng
更加具体的查看效果，谢谢！
作者：欧阳鹏 欢迎转载，与人分享是进步的源泉！
转载请保留原文地址：http://blog.csdn.net/ouyang_peng/article/details/70162888
如果本文对您有所帮助，欢迎您扫码下图所示的支付宝和微信支付二维码对本文进行打赏。
