cnblog的部落格打賞
前兩天看過幾篇增加打賞功能的部落格，但覺得比較繁瑣，所以決定寫一篇簡單化的，大家根據步驟操作也能實現在自己的部落格上新增打賞功能。

1.首先準備好自己微信和支付寶收款的二維碼圖片，注意，圖片需要修改為bmp結尾的格式，如，zfb.bmp，wechat.bmp。

2.進入自己的部落格園，然後進入 管理—>檔案，在這裡上傳自己第1步中準備好的二維碼圖片。

3.複製下面的js程式碼

<script>
window.tctipConfig = {
        imagePrefix: "http://files.cnblogs.com/files/kdy11/",
        cssPrefix:     "http://files.cnblogs.com/files/kdy11",
        buttonImageId:  4,
        buttonTip:  "dashang",
        list:{
            alipay: {qrimg: "http://files.cnblogs.com/files/bigc008/zfb.bmp"},
            weixin:{qrimg: "http://files.cnblogs.com/files/bigc008/weixin.bmp"},
        }
};
</script>
<script src="http://files.cnblogs.com/files/kdy11/tctip.min.js"></script>
 

4.修改js程式碼第8行和第9行，如下

8 alipay: {qrimg: “http://files.cnblogs.com/files/自己的部落格地址名/支付寶圖片的名子.bmp”},
9 weixin:{qrimg: “http://files.cnblogs.com/files/自己的部落格地址名/微信圖片的名字.bmp”},

注意：自己部落格的地址名，可以進入管理–設定，下面的【Blog地址名】就是。
5.最後一步，進入管理–設定，往下拉找到【頁首Html程式碼】或者是[部落格側邊欄公告（支援HTML程式碼）（支援JS程式碼）需要申請許可權]，把修改完的js程式碼貼上到裡面，儲存就大功告成了。

注意：檢視自己是否設定成功的時候，進入自己的部落格檢視的時候，注意自己部落格的連結，是www開頭，不要帶https。

**

csdn

**

準備好微信支付和支付寶的收款二維碼，如下所示：

第二步，管理部落格，為部落格增加打賞功能
點選 【管理部落格】
點開部落格管理的–欄目管理

在部落格欄目中新增打賞功能

如上圖所示，該自定義欄目支援html，因此我們可以自由發揮。

這裡我將標題寫作 部落格打賞
內容如下程式碼所示：

<div id="custom_column_41051715" class="panel">
<ul class="panel_head"><span>感謝打賞 支付寶二維碼</span></ul>
<ul class="panel_body">
<img src="http://files.cnblogs.com/files/bigc008/zfb.bmp" 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://files.cnblogs.com/files/bigc008/weixin.bmp" alt="微信" title="微信二維碼" height="100%" width="100%">
</ul>
</div>

 

當然，上面的圖片地址請替換為你們自己的支付寶和微信的相應二維碼。

寫完內容之後，點選【新增欄目】即可儲存。

新增完欄目之後，你可以適當的調整該欄目的位置，下面是我調整後的部落格效果，如下所示：