博客園自定義樣式（去廣告、公告欄加頭像、按鈕樣式）

 前言：

簡單的操作

1)可以通過審查元素的方法，來設置自己滿意的樣式。操作是F12。
F12操作可以打開控制面板，具體的樣式可以直接在上面修改，然後把修改後的樣式保存下來。

2)保存後的樣式，複製到[ 管理 ] - [ 設置 ] - 頁面定製CSS代碼上面，然後[ 保存 ]

 1、隱藏廣告 

/*隱藏廣告*/
#ad_t2, #cnblogs_c1, #under_post_news, #cnblogs_c2, #under_post_kb {
    display: none;
}

 2、按鈕樣式 

/* 關註收藏等幾個按鈕 */
#green_channel {
    padding: 10px;
    margin: 20px 0;
    font-size: 15px;
    width: 400px;
}

#green_channel a {
    border-radius: 3px;
    text-shadow: none;
    font-weight: normal;
    box-shadow: none;
}

 3、側邊公告欄加頭像 

在 [ 管理 ] - [ 設置 ] - 博客側邊欄公告 這裡添加 html 代碼，用來添加頭像，地址用自己的頭像

//圖片的地址更換成你的頭像的地址
<img src="https://pic.cnblogs.com/avatar/1513806/xxxx.png">

側邊欄公告樣式

/*側邊欄公告*/
#blog-news > img {
    /*頭像*/
    display: block;
    margin: auto;
    border-radius: 50%;
}

#profile_block {
    font-size: 15px;
    padding: 20px;
    line-height: 1.8;
}

#profile_block > a:link {
    color: #F60;
}

/*公告結束*/

ending...