1. 程式人生 > >CSDN部落格新增打賞功能

CSDN部落格新增打賞功能

1. 微信打賞

開啟微信掃一掃,掃碼下面的【微信支付】二維碼圖片即可進行掃碼打賞哦
微信收款碼

2. 支付寶打賞

開啟支付寶掃一掃,掃碼下面的【支付寶】二維碼圖片即可進行掃碼打賞哦
支付寶收款碼

3. QQ打賞

開啟QQ掃一掃,掃碼下面的【QQ】二維碼圖片即可進行掃碼打賞哦
QQ收款碼

4. 為部落格新增打賞功能

  1. 開啟【管理部落格】
    管理部落格
  2. 滾動到下方【欄目管理】
    欄目管理
  3. 點選【自定義欄目】
    欄目標題自定義,欄目內容可複製如下程式碼
<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/20190104125820230.jpg" 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="https://img-blog.csdnimg.cn/20190104125713885.jpg" alt="微信" title="微信二維碼" height="100%" width="100%">
</ul>
</div>

<div id="custom_column_41051842" class="panel">
<ul class="panel_head"><span>QQ打賞</span></ul>
<ul class="panel_body">
<img src="https://img-blog.csdnimg.cn/20190104125913605.png" alt="QQ" title="QQ二維碼" height="100%" width="100%">
</ul>
</div>

主頁檢視效果