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

Posted 2020-09-22 Tracy

添加动画挂件：

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后的颜色可自选。