CSDN用户自定义右侧常住组件

目录

一、这样操作就对了

二、为什么要这样操作呢?


如题,常驻组件的形式如下,当然这是一个比较高级的玩法,由深入浅易,由浅入深难。接下来我们要做的挂件样式如下图:

一、这样操作就对了

想必上面的组件是很多做自媒体的小伙伴特别想得到的,操作过程也是比较的简单,下面听我娓娓道来:

登录CSDN--->鼠标悬停个人账号头像处-->管理博客--->博客模块管理--->添加自定义模块

ps:可上下移动,选择自定义模块悬停的位置

 接下来就是要在自定义的模块内需要添加的内容了,可以直接添加文字,就是简单的文字,默认排版,当然也可以像前面的样式,添加内容如下:

<div class="aside-content clearfix">
        <p><b>欢迎关注微信公众号以及加入QQ群(443201449),发现更多有趣内容,让我们一起探讨,学习和进步!(و •̀ㅂ•́)و✧</b></p>
<br>
<p align="center"><b>微信公众号</b></p>
<div align="center"><a href="https://img-blog.csdnimg.cn/20191106181631619.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzTEpRaWFu,size_16,color_FFFFFF,t_70" target="_blank" title="微信公众号" class="panel_head">小白CV</a></div>
<div align="center"><img src="https://img-blog.csdnimg.cn/20191106181631619.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzTEpRaWFu,size_16,color_FFFFFF,t_70" alt="小白CV微信公众号" title="微信公众号二维码" height="70%" width="70%"></div>
<p align="center"><b>QQ学习资料交流群</b></p>
<div align="center"><a href="https://img-blog.csdnimg.cn/20191106181942908.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzTEpRaWFu,size_16,color_FFFFFF,t_70" target="_blank" title="小白CV" class="panel_head">小白CV</a></div>
<div align="center"><img src="https://img-blog.csdnimg.cn/20191106181942908.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dzTEpRaWFu,size_16,color_FFFFFF,t_70" alt="QQ" title="QQ群二维码" height="70%" width="70%"></div>    </div>

此时,有一个点,就是公众号的二维码是怎么插入进去的,这里就首先要创建一个博客,插入需要使用的图片(大小样式自己提前设定好),然后发布,之后阅读该博客,图像位置邮件,复制该图像连接地址,替换掉我的图像地址就行。


二、为什么要这样操作呢?

知其然,知其所以然,详情呢,我们往后看

就以这篇博客为例,你可以先进去看看:https://blog.csdn.net/wsLJQian/article/details/88616126

右键,查看页面源代码,往下看,会找到这么一串代码,这也是上面需要在自定义模块时,需要键入的信息:

此时就该怎么为什么在编辑区键入这些代码了,就是为了显示准备的。

over,如果你还有任何操作上的问题,欢迎公众号私信我,祝好。

发布了74 篇原创文章 · 获赞 64 · 访问量 13万+

猜你喜欢

转载自blog.csdn.net/wsLJQian/article/details/102940633