Google Blogger 程式碼底色改變

套用方式:
主題=>自訂=>選擇進階=>新增CSS=>填入CSS 程式碼=>套用至網誌

嵌入程式碼:
CODE {
    display: block; /* fixes a strange ie margin bug */
    font-family: Courier New;
    font-size: 8pt;
    overflow:auto;
    background: #f0f0f0 url(http://klcintw.images.googlepages.com/Code_BG.gif) left top repeat-y;
    border: 1px solid #ccc;
    padding: 10px 10px 10px 21px;
    max-height:200px;
    line-height: 1.2em;
}


(1.)那就開始動手作，首先選擇主題後點擊自訂

(2.)選擇進階=>新增CSS=>填入CSS 程式碼=>套用至網誌


(3.)do it
請到一篇文章中，選擇html使用CODE Tage將程式碼包覆，
!!記得請大寫!!!


撰寫完畢後按儲存~~請按預覽~~


這樣就完成拉~~




Reference :
http://rocking5566.blogspot.tw/2013/04/google-blog.html
http://chiumog.blogspot.tw/2015/02/blog-code-block.html
圖片破版
http://www.wfublog.com/2015/05/blogger-picasa-image-blurry-disappear-overflow.html