2.7 KiB
2.7 KiB
原创
: CSDN自定义友链侧边栏
CSDN自定义友链侧边栏
附源码
相信不少人还不知道CSDN
这个功能,CSDN
允许博主自定义一个侧边栏的栏目,可以使用html
语言进行美化,不支持嵌入js
。
具体在右上角的下拉菜单中,点击管理博客
,进入个人后台管理界面。
之后就可以自定义侧边栏了。
我的侧边栏样式源码:
<div align="center">
<a href= "https://t.me/baba2333">
<font color="blue">Telegram</font>
</a>
</div>
<div align="center">
<a href="https://t.me/baba2333">
<img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/telegrame.png" width="70px" height="70px"></a>
</div>
<hr>
<div align="center">
<a href= "https://telegra.ph/HomePage-01-03">
<font color="black">Telegraph</font>
</a>
</div>
<div align="center">
<a href="https://telegra.ph/HomePage-01-03">
<img src="https://image.creat.kim/image/20190116/SXmfqhtPffMe.png?imageslim" width="70px" height="70px"></a>
</div>
<hr>
<div align="center">
<a href= "https://github.com/ds19991999">
<font color="red">GitHub</font>
</a>
</div>
<div align="center">
<a href="https://github.com/ds19991999">
<img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/20180729230446.jpg" width="160px" height="80px"></a>
</div>
<hr>
<div align="center">
<a href= "https://www.ds-vip.top">
<font color="yellow">Blog</font>
</a>
</div>
<div align="center">
<a href="https://www.ds-vip.top">
<img src="https://raw.githubusercontent.com/ds19991999/ds19991999.github.io/master/assets/avatar.png" width="80px" height="80px"></a>
</div>
<hr>
<div align="center">
<a href= "https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=vya2etaw">
<font color="green">阿里云福利</font>
</a>
</div>
<div align="center">
<a href="https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=vya2etaw">
<img src="https://raw.githubusercontent.com/ds19991999/githubimg/master/picgo/download.jpeg" width="180px" height="80px"></a>
</div>