天天看點

為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、支付寶打賞在部落格欄目中添加打賞功能

繼續閱讀