博客去广告并支持自适应样式

由于忍受不了浏览博客园博客时老是被post下边广告骚扰; 使用不一样尺寸设备，或浏览器缩放时显示还会出现混乱的问题，因此撰写此文，但愿你们都能应用到本身的博客上，方便本身也方便他人。

1. 去广告

    这个很容易，把下边代码按需贴到"修改设置"->"经过CSS代码定制代码页面风格"中并点击保存便可。

    

#site_nav_under, #ad_under_post_holder, #comment_form_container,blog_news_kb,google_ad_c2, #comment_nav{ display:none !important;}

 

2. 支持自适应

    这个就是RESS设计部分，通俗讲就是让页面可以在不一样尺寸设备（包括浏览器缩放）上达到最佳显示效果。这个也很简单，根据本身须要定义media query 而后贴到"修改设置"->"经过CSS代码定制代码页面风格" 便可，参考：

@media (max-width: 950px)
{
　　#home{max-width:inherit;}
　　#main{min-width:inherit;max-width:inherit;}
　　#mainContent, #mainContent .forFlow{ margin:auto;}
　　#sideBar{display:none;}
　　#mainContent{float:none;}
}
@media (max-width: 380px)
{
　　#MyLinks1_MyHomeLink, #MyLinks1_Syndication{display:none !important;}
}

 

  以上是我页面所用，菜鸟能够debug个人页面看css，大拿也能够本身设计。