阅读目录
博客园美化相关文章目录:
1.设置“推荐与反对”,固定在窗口的底部
进入自己的博客园->设置,将以下css代码添加到“页面定制CSS代码”
/*推荐和反对*/ #div_digg { padding: 10px; position: fixed; _position: absolute; z-index: 1000; bottom: 20px; right: 0; _right: 17px; border: 1px solid #D9DBE1; background-color: #FFFFFF; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; } .icon_favorite { background: transparent url('https://files.cnblogs.com/files/jackson0714/kj.gif') no-repeat 0 0; padding-left: 16px; } #blog_post_info_block a { text-decoration: none; color: #5B9DCA; padding: 3px; }
效果图如下:
2.添加一个“关注一下楼主吧”
进入自己的博客园->设置,将以下css代码添加到“页脚Html代码”
View Code
这个地方的GUID的获取可以通过以下方法获取:
1.进入博客园http://www.cnblogs.com/,如果登陆了,请退出登录,然后进入自己的主页http://www.cnblogs.com/xxxx/
2.快捷键F12打开网页调试工具
3.用查找按钮选中“添加关注”这个button
4.复制Guid,然后替换上面的Guid
3.其他样式
/*推荐和反对*/ #div_digg{ position:fixed; bottom:5px; width:140px; right:390px; border:2px solid #6FA833; padding:10px; background-color:#fff; border-radius:5px 5px 5px 5px !important; box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5); }