如何在自己的CSDN博客中增添【高大上】的博客栏目?

      前几天看到过一位博主的博客界面,向下看 ☟




(博主对不起啊!把你的公众号给抹了~~~大笑),感觉做这个东西挺好玩的,而且我竟然找不到在哪个地方可以设置!在百度上也没有搜到教程,最后问了一下贺老师知道了入口,接着就自己捣鼓了起来。本着【共享至上】的原则,特此发篇博客,如果某位大牛看到的话笑一笑就可以了,感兴趣的同学可以动手自己做一下。
下面我就以在我的博客上增加一个展示微信公众号的栏目为例进行演示:
1.点击【博客栏目】


2.点击【添加栏目】


3.弹出下面界面


4.输上所添栏目的标题


相信此时你就会发现这样一句话 栏目内容支持HTML格式 ,也就是因为这句话我们才能做出好看的界面。不要说“不知道HTML是什么”,其实我之前也不知道,但是基础的知识是很好学的。
5.下面的【内容】就是我在看了一会HTML的基本入门教程后写的


6.这就是我的成果


(其中Worldhello是超链接并且为滚动字幕,其实还有更多功能)

*学习HTML的资源在百度文库中可以搜得到,在【我的CSDN资源库】中也有


根据个人喜好进行学习吧,对了提示一点,如果要插入图片,可以先把图片都发在一篇博客里然后
<img src="。。。。。。" style="width:90%">把句号替换成图片的链接地址既可以了。

另外最最重要的一点就是在学HTML的时候遇到不懂得就问度娘,虽然现在度娘很“狼狈”,但是你搜点知识看还是出不了人命的。。。。。。安静

在最后,附上我的源码:

<font color="#921aff">玩转编程、聚焦互联</font><br>
<marquee><b><em><u><a href="http://www.worldhello01.icoc.in/">Worldhello</a></u></em></b>
</marquee>
<hr size="2" align="left" width="%50" color="green">
<img src="//img-blog.csdn.net/20160512195724319?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" style="width:90%">
<br>
<hr size="2" align="left" width="%50" color="green">
<center><font color="#ff9224">微信公众号:Worldhello</font><br>
<font color="#8080c0">期待您的关注!</font></center>
<ul>
</ul>

多看看其他网站的源码也不错!

posted @ 2016-05-15 13:41  壹言  阅读(250)  评论(0编辑  收藏  举报