CSDN VIP如何添加自定義欄目

幾個月前我也開始在csdn上開了博客，一來給本身加幾個少的可憐的流量，再者，讓公衆號的原創文章得到更多的曝光，讓有須要的同窗看到。

寫過csdn博客的同窗都知道，默認只有打賞c幣功能；也沒有專門廣告位；引導欄目，只有側欄csdn本身的引導二維碼。

---

如何在csdn自定義欄目，加讚揚功能，或者其餘等引導，讓讀者能很直觀的看到，而不是在每篇文章加，增長本身工做量。這個功能之前對全部用戶開放，可是很不幸，這功能被CSDN下架了，看下圖：

---

我也是以前爲了給讀者下載CSDN資料開了VIP，目前還有400次下載，爲了限制，天天有8個免費下載名額，須要的能夠掃碼關注公衆號，在後臺回覆【2】加我代下載。

---

鼠標放到頭像處，點擊下拉框中的【管理博客】>> 點擊側欄的【博客模塊管理】

只能添加一條自定義欄目，欄目內容支持html，能夠自由發揮：

添加公衆號引導

<div>
    <p><strong>公衆號</strong></p>
    <img src="http://www.liabio.cn/img/me/gongzhonghao-ercode.jpg" alt="長按識別二維碼關注,精彩第一時間送達" title="長按識別二維碼關注,精彩第一時間送達" height="100%" width="100%">
    <marquee><font color=" red">歡迎掃碼關注！ </font></marquee>
</div>

效果圖

添加QQ、QQ羣、郵箱、友情連接等：

<div id="custom_column_27694137" class="panel">
    <p><strong>聯繫方式</strong></p>
    <br><br>
    <ul class="panel_head">
        <span><a target="_blank" href="http://sighttp.qq.com/msgrd?v=3&uin=1939137617&site=&menu=yes">☞ 本人QQ: 1939137617</a>
        </span>
    </ul>
    
    <ul class="panel_head">
        <span><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=1a08adf5d7f9d49a2a83bb0d3b4acf0e94554895e12dc657ecfb88d706d82673"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="程序員實戰" title="程序員實戰"></a></span>
    </ul>
    <ul class="panel_head">
        <span><a target="_blank" href="https://github.com/liabio">☞ github.com/liabio</a></span>
    </ul>
    <ul class="panel_head">
        <span><a href="mailto:coderaction@foxmail.com">☞ coderaction@foxmail.com</a></span>
    </ul>
    <span><a href="https://liabio.blog.csdn.net/">☞ https://liabio.blog.csdn.net/</a></span>
    <marquee><font color=" red">歡迎光臨！ </font></marquee>
</div>

<div>
    <p><strong>友情連接</strong></p>
    <br><br>
    <a target="_blank" href="http://www.liabio.cn/">【小碗湯】的博客</a><br><br>
    <marquee><font color=" red">歡迎來踩！ </font></marquee>
</div>

效果圖

• 其中點擊QQ會打開登錄QQ的對話框，只須要把href裏連接中QQ號換爲本身的；

• 點擊加入QQ羣后會跳轉到加羣窗口，須要在https://qun.qq.com/join.html 網站中登錄須要綁定的QQ號 >> 選擇羣 >> 複製網頁代碼
  

• 點擊郵箱會打開郵箱登錄窗口，只需修改href中的郵箱便可

添加打賞提問

<div>
    <p><strong>歡迎打賞和提問</strong></p>
    <img src="http://www.liabio.cn/img/fee-say2.png" alt="長按識別提問碼 向我提問" title="長按識別提問碼 向我提問" height="100%" width="100%">
</div>

效果圖

打賞問答圖片由【Chat快問】小程序生成。

微信、支付寶打賞

<div>
    <p><strong>掃碼打賞</strong></p>
    <br>
    <img src="http://www.liabio.cn/img/wechat-zhifubao-QR.png" alt="長按識別 微信|支付寶打賞通用" title="長按識別 微信|支付寶打賞通用" height="100%" width="100%">
</div>

只用一個二維碼實現微信、支付寶打賞，由小程序【二維碼合併】支持。

總體代碼

<div id="asideCustom41021941" class="aside-box custom-box">
    <div class="aside-content clearfix">
        <div>
             <p><strong>公衆號</strong></p>
             <img src="http://www.liabio.cn/img/me/gongzhonghao-ercode.jpg" alt="長按識別二維碼關注,精彩第一時間送達" title="長按識別二維碼關注,精彩第一時間送達" height="100%" width="100%">
             <marquee><font color=" red">歡迎掃碼關注！ </font></marquee>
        </div>
        <br>
        
        <div id="custom_column_27694137" class="panel">
            <p><strong>聯繫方式</strong></p>
            <ul class="panel_head">
                <span><a target="_blank" href="http://sighttp.qq.com/msgrd?v=3&uin=1939137617&site=&menu=yes">☞ 本人QQ: 1939137617</a>
                </span>
            </ul>
            
            <ul class="panel_head">
                <span><a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=1a08adf5d7f9d49a2a83bb0d3b4acf0e94554895e12dc657ecfb88d706d82673"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="程序員實戰" title="程序員實戰"></a></span>
            </ul>
            <ul class="panel_head">
                <span><a target="_blank" href="https://github.com/liabio">☞ github.com/liabio</a></span>
            </ul>
            <ul class="panel_head">
                <span><a href="mailto:coderaction@foxmail.com">☞ coderaction@foxmail.com</a></span>
            </ul>
            <span><a href="https://liabio.blog.csdn.net/">☞ https://liabio.blog.csdn.net/</a></span>
            <marquee><font color=" red">歡迎光臨！ </font></marquee>
        </div>
        <br>
        
        <div>
            <p><strong>友情連接</strong></p>
            <a target="_blank" href="http://www.liabio.cn/">【小碗湯】的博客</a><br><br>
            <marquee><font color=" red">歡迎來踩！ </font></marquee>
        </div>
        <br>

        <div>
            <p><strong>歡迎打賞和提問</strong></p>
            <img src="http://www.liabio.cn/img/fee-say2.png" alt="長按識別提問碼 向我提問" title="長按識別提問碼 向我提問" height="100%" width="100%">
        </div>
        <br>
        <div>
            <p><strong>掃碼打賞</strong></p>
            <img src="http://www.liabio.cn/img/wechat-zhifubao-QR.png" alt="長按識別 微信|支付寶打賞通用" title="長按識別 微信|支付寶打賞通用" height="100%" width="100%">
        </div>
    </div>
</div>

總體效果

---

---

本公衆號免費提供csdn下載服務，海量IT學習資源，若是你準備入IT坑，勵志成爲優秀的程序猿，那麼這些資源很適合你，包括但不限於java、go、python、springcloud、elk、嵌入式 、大數據、面試資料、前端 等資源。同時咱們組建了一個技術交流羣，裏面有不少大佬，會不定時分享技術文章，若是你想來一塊兒學習提升，能夠公衆號後臺回覆【2】，免費邀請加技術交流羣互相學習提升，會不按期分享編程IT相關資源。

---

掃碼關注，精彩內容第一時間推給你