侧边栏添加动画挂件和文字

添加动画挂件:

http://abowman.com/

点击进入网址,Start <选择动画>编辑设置>复制嵌入代码>贴到博客侧边栏公告>保存> End

返回博客页面,可以去我博客首页查看效果:http://www.cnblogs.com/lj-cn/

添加文字:

博客侧边公告栏输入如下代码,文字可修改:

<p class="p">
Play or Learn<br/><br/>
It's up to you
</p>

改变文字显示特效:

进入我的博客>F12调出源码(作者用的火狐浏览器,查看特定位置源码比较方便)>点下图箭头所指图标,找到文字所属位置,可以看到该段文字包含在blog-news下

侧边栏添加动画挂件和文字

进入后台设置,页面定制css代码框,贴入以下代码

#blog-news p {
font-size: 14px;
text-align: center;
font-family: verdana,sans-serif; 
color: #E31B1B;
font-variant: small-caps;
}

保存并返回主页,查看效果。不喜欢这种效果可以自行修改上述代码,你开心就好!(原谅绿:)

 

附:

  • 设置文字标题居中

<h2 style="text-align:center">此处可加文字可加超链接</h2>

示例:<h2 style="text-align:center"><a href="https://www.cnblogs.com/">代码改变世界</a></h2>

这行代码加的是博客园的链接,并将链接名命名为“代码改变世界”

将这段代码贴到博客后台管理的页首Html代码框中,效果如下:

侧边栏添加动画挂件和文字

 

  • 标题文字换色

 引入一个类class:<h2 style="text-align:center"><a class="cbt" href="https://www.cnblogs.com/">代码改变世界</a></h2>

博客后台管理页面定制css中贴入:a:link { color: #2175;}

color后的颜色可自选。