2014年4月19日 星期六

[筆記] 在BLOGGER上面顯示CODE語法

BLOGGER內並沒有內建顯示 <CODE>的語法
其實只要簡單在CSS裡面新增程式碼就能搞定了


首先到後台管理介面
點選 範本>自訂

 然後點選 進階>新增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;
}


沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...