天天看点

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

随着移动支付在国内的兴起,越来越多的付费内容越多如雨后春笋般的冒了出来。其中以《逻辑思维》、罗振宇、李笑来为主要代表作品和人物。 现在很多博客或者个人网站里面都有打赏功能,这算是对博主的劳动的一种回报方式。 我这几天看了很多博客,确实也发现了很多博客支持这种功能,但是CSDN还未支持,因此在这里特意写一篇博客为自己的博客上添加打赏功能了。 各位看官,如果你觉得本人的博客对您有所帮助,您可以通过如下两种方式来进行打赏,打赏多少您随意。

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

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

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

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

图1、微信支付

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

图2、支付宝

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

1、点击 【管理博客】

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

2、选择 【博客栏目】

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

3、滚动页面到最尾部,点击【添加栏目】

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

点击后效果如下图所示:

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

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

这里我将标题写作 博客打赏

内容如下代码所示:

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

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

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

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

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

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

竖版

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

横板

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

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

运行后的显示效果如下所示:

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

更加具体的查看效果,谢谢!

为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能
作者:欧阳鹏 欢迎转载,与人分享是进步的源泉! 如果本文对您有所帮助,欢迎您扫码下图所示的支付宝和微信支付二维码对本文进行打赏。
为CSDN博客添加打赏功能1、微信打赏2、支付宝打赏在博客栏目中添加打赏功能

继续阅读