阅读目录

• 博客园美化相关文章目录：
• 1.设置“推荐与反对”，固定在窗口的底部
• 2.添加一个“关注一下楼主吧”
• 3.其他样式

回到顶部

博客园美化相关文章目录：

【博客美化】01.推荐和反对炫酷样式

【博客美化】02.公告栏显示个性化时间

【博客美化】03.分享按钮

【博客美化】04.自定义地址栏logo

【博客美化】05.添加GitHub链接

【博客美化】06.添加QQ交谈链接

【博客美化】07.添加打赏按钮

【博客美化】08.添加"扩大/缩小浏览区域大小" 按钮

回到顶部

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('http://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代码”

<script type="text/javascript" language="javascript"> 
//为右下角推荐推荐区域添加关注按钮
window.onload = function () {$('#div_digg').prepend('<div style="padding-bottom: 5px"><span class="icon_favorite" style="padding-top: 2px"></span><a οnclick="cnblogs.UserManager.FollowBlogger(\'9a35f2c7-18ab-e111-aa3f-842b2b196315\');" href="javascript:void(0);" style="font-weight: bold; padding-left:5px;">关注一下楼主吧</a> </div>');
}
</script>

这个地方的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);
}

 

作　　者： Jackson0714
出　　处：http://www.cnblogs.com/jackson0714/
关于作者：专注于微软平台的项目开发。如有问题或建议，请多多赐教！
版权声明：本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文链接。
特此声明：所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误，共同进步。或者直接私信我
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力！