博客去廣告並支持自適應樣式

由於忍受不了瀏覽博客園博客時老是被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，大拿也能夠本身設計。