CSDN自定义友链侧边栏

版权声明:←_← 联系我看左边 | 转载看右边 →_→ | https://blog.csdn.net/ds19991999/article/details/86505686

附源码

mark
相信不少人还不知道CSDN这个功能,CSDN允许博主自定义一个侧边栏的栏目,可以使用html语言进行美化,不支持嵌入js
具体在右上角的下拉菜单中,点击管理博客,进入个人后台管理界面。
mark
之后就可以自定义侧边栏了。
mark

我的侧边栏样式源码:

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

猜你喜欢

转载自blog.csdn.net/ds19991999/article/details/86505686