How CSDN VIP Add a custom section

A few months ago I started on csdn to start a blog to give yourself a few pitiful flow. Furthermore, let the original article number to get more public exposure, so that needy students to see.

I wrote a blog csdn students know, by default only a reward function c currency; there is no specific advertising; guide columns, only the sidebar csdn own boot two-dimensional code.


How csdn custom section, appreciated function, or other guidance, etc., so that readers can be very intuitive to see, instead of adding each article, increase their workload. This feature was previously available to all users, but unfortunately, this function is CSDN shelves, look:

custom


I also downloaded before to give readers information CSDN opened VIP, there are still 400 downloads, in order to limit, there are eight daily quota free download, you can scan the code required number of public attention, respond in the background [2] add me on behalf downloads .


Mouse over the picture, the drop-down box click on [blog] >> Click management module management] [blog sidebar

custom

custom

You can only add a custom columns with content support html, free to play:
custom

Add numbers to guide public

<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>

Renderings

custom

Add QQ, QQ group, mailbox, etc. Links:

<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:[email protected]">☞ [email protected]</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>

Renderings

custom

  • Which will open landing QQ QQ click the dialog box, just put in the link href QQ number change for their own;

  • Click join the QQ group will jump to the additive group window, you need to log in to be bound in https://qun.qq.com/join.html site QQ number >> >> select group copy source code
    custom

  • Click E-mail E-mail window opens, simply modify the mailbox to the href

Adding a reward Question

<div>
    <p><strong>欢迎打赏和提问</strong></p>
    <img src="http://www.liabio.cn/img/fee-say2.png" alt="长按识别提问码 向我提问" title="长按识别提问码 向我提问" height="100%" width="100%">
</div>

Renderings

custom

Images generated by a reward Q [Chat quick Q] applet.

Micro letter, a reward Alipay

<div>
    <p><strong>扫码打赏</strong></p>
    <br>
    <img src="http://www.liabio.cn/img/wechat-zhifubao-QR.png" alt="长按识别 微信|支付宝打赏通用" title="长按识别 微信|支付宝打赏通用" height="100%" width="100%">
</div>

Only a two-dimensional micro-letter code to achieve, Alipay a reward, a small two-dimensional code program [merger] support.

Overall Code

<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:[email protected]">☞ [email protected]</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>

overall effect

custom



This public number free offer csdn download service, massive IT learning resources, if you are going into IT pit, inspirational excellent program ape, then these resources is for you, including, but not limited to, java, go, python, springcloud, elk, embedded style, big data, interview data, front-end and other resources. At the same time we set up a technical exchange group, there are many chiefs, will share technical articles from time to time, if you want to come together to improve learning, the public can reply back number [ 2 ], plus free technical exchange group invited to improve learning from each other, will not IT-related programming on a regular basis to share resources.


Scan code concerned, exciting content to the first time you push

image

Guess you like

Origin www.cnblogs.com/liabio/p/11681994.html
Recommended