博客个性化简单设置（1）

1、侧栏添加头像

修改下面代码中的图片地址为你个人头像的图片地址

<div class="head_img"><img width="120" height="120" alt="我的头像" src="//pic.cnblogs.com/avatar/1014286/20160824172911.png" class="img_avatar"><div>

添加到博客管理-设置-博客侧边栏公告位置处即可

2、推荐按钮浮动到右下角

/*推荐按钮浮动到右下角*/
#div_digg {
     position: fixed;
     bottom: 20px;    /*调整距离底部的距离*/
     right:450px;      /*调整距离右边的距离*/
     background-color:white;    /*修改颜色*/
     border: 8px double #00FFFF;
     padding: 10px;
     margin: 10px;
     text-align: center;
}

添加到页面定制CSS代码

效果：

扩展：

    十六进制的颜色代码：首先我们知道 RGB，每种颜色由 0 到 255 共 256 个梯度，十六进制码把 RGB 的 256 个梯度以十六进制来显示出来，RGB 中的 0 转化为十六进制是 00，RGB 中的 255 转化为十六进制是 FF。

    例如把 #99CC99 拆分来看：99、CC、99。这里分别代表 R、G、B 三种颜色的十六进制取值。把它们转化回来则是 RGB (153, 204, 153)。