您的位置:首页 > 其它

csdn如何自定义博客栏目

2016-12-25 03:18 309 查看
     在使用csdn的时候,我们可以自定义博客栏目,使自己的博客页面看起来更有吸引力。今天来给大家介绍一两种方法。

     在开始之前,我先给大家来说一下csdn有一个 我的相册 这个功能,只不过这个功能被csdn藏得太深,估计很多人都不清楚。进入到  我的主页 手标放在我的收藏旁边那个向下的箭头,就会出现我的相册,然后点进去。点进去之后就可以上传自己的图片,因为csdn不允许用户使用站外的图片。



一.添加图片

       我们可以在博客栏目里面添加一些图片,比如说二维码,这个可以打赏你,也可以扫码关注你的公众号等。代码如下:

<ul class="panel_head">
<span>我的微信公众号</span></ul>
<ul class="panel_body">
<font face="Helvetica" size="2" color="#FF3030">欢迎关注我的公众号,不仅为你推荐最新的博文,还有更多惊喜和资源在等着你!</font>
<img src="http://img.my.csdn.net/uploads/201611/22/1479807064_9400.jpg" style="width:95%">
</ul>


      这个代码是我博客栏目自己的一个代码,大家可以自己拿去修改一下。至于图片链接,大家进入到 我的相册里面,右键点击你要用的图片,在新标签页中打卡,然后复制地址栏链接即可。

二. 添加邮箱

     我们可以在博客栏添加 联系我 这个栏目,这样方便其他人能够及时联系到你。首先我们要登录自己的qq邮箱,点击下方的开放平台,如下图:



       点击  邮我  获取邮我按钮,在下面这张图的页面里面。我们可以下载那个图片,然后上传到我的相册里面用。然后点击获取代码,复制,粘贴过来,这里需要把图片链接改一下即可。



三.添加链接

为了担心我不知什么时候又吧我的博客栏目修改,所以今天专门截图留给大家。效果如下图:



代码如下:

</a><a target="_blank" href="https://ask.hellobi.com/blog/learn_R" style="background-color:#30a4e6; border:medium none; color:#fff; display:block;
font-size:18px; line-height:1.33; margin:5px auto 15px; padding:10px 0; text-align:center">我的天善智能专栏</a>
这是其中第四个的代码,如果你需要添加更多的话,仅需要在后面再添加这些代码,大家可以去取自己修改一下。
本博客会持续不断更新,感谢大家支持,喜欢就点一个赞呗!!!

最近更新于2017年5月9日。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: