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

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

图1、微信支付

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

1、点击【管理博客】

2、选择【栏目管理】

3、点击【添加自定义栏目】

点击后效果如下图所示：

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

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

<div id="custom_column_41051715" class="panel">
<ul class="panel_head"><span>感谢打赏 微信二维码</span></ul>
<ul class="panel_body">
<img src="https://img-blog.csdnimg.cn/20190213184744494.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xhb2JhaTEwMTU=,size_16,color_FFFFFF,t_70" alt="微信" title="微信二维码" height="100%" width="100%">
</ul>
</div>

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

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

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

为CSDN博客添加打赏功能相关推荐

作为程序员我给csdn博客添加打赏功能
作为程序员我给csdn博客添加打赏功能前几天在专家微信群里提到c币太多,无法消费的问题,就提出了博客打赏功能. 目前我们csdn的c币除了兑换论坛积分,下载积分,c币商城,csdn学院外几乎没有可消 ...
为 hexo 博客添加本地搜索功能
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:我的大学到研究生自学 Java 之路,过程艰辛,不放弃,保持热情,最终发现我是这样拿到大厂 offer 的!个人 ...
CSDN博客添加微信公众号图片
打开你的博客主页,然后依次选择"管理博客"--->" 栏目管理"--->"添加自定义栏目", 只能添加一个自定义栏目,如果你已经 ...
Hugo项目实战-集成评论博客添加评论功能
实践效果 Quick Start Install Hugo brew install hugo # or port install hugohugo version Create a New Site ...
CSDN博客添加量子恒道统计代码步骤
CSDN博客添加量子恒道统计代码步骤. 1. 去量子恒道网站统计注册账户: 2. 添加已有的CSDN博客地址: 3. 添加博客后恒道代码里面会给你一个JavaScript脚本,记下里面的一串数字: ...
hexo next主题为博客添加分享功能
今天心血来潮,决定给博客添加分享功能,百度上首先是找到了使用shareSDK的分享功能,最后在实践的过程中发现它添加时步骤比较多,添加完成后效果比较丑(就是一个长条的浅蓝色按钮),而且点击后想要退出分 ...
Hexo博客添加评论功能
Hexo博客添加评论功能实现了Hexo的评论功能先附上官网链接valine官网我使用的是Material-X主题,大多主题都支持,基本在官方主题文档都可以找到使用方法 1.进入官网,注册账号需 ...
为你的CSDN博客添加CNZZ流量统计功能
一.流量统计介绍流量统计是指通过各种科学的方式,准确的纪录来访某一页面的访问者的流量信息,目前而言,必须具备可以统计. 1.简介统计独立的访问者数量(独立用户.独立访客): 可以统计独立的IP地址 ...
在新版CSDN博客添加友情链接
自从CSDN博客改版之后,很多功能都消失了....我以前没用过CSDN,满心欢喜的来到这,期待着漂亮的皮肤,顺畅的操作.飞一般的速度.可是事实恰恰相反..... 言归正传,简单说一下怎么在新版的CSD ...

为CSDN博客添加打赏功能

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

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

为CSDN博客添加打赏功能相关推荐

最新文章

热门文章