5/12/2010

如何在Blogger內文章中顯示程式碼

 
因需要在Blogger文章中顯示程式碼的功能,所以在此做個紀錄。先至Blogger後台版面配置下的修改HTML內搜尋下面這段語法。
 
]]></b:skin>
 


將以下程式碼複製,貼到上面那個語法的上面。
 
CODE {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://item.slide.com/r/1/258/i/hhuToAzw7j_6ME9zTnjvKf4TmV-iZQE8/) left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px;
line-height: 1.2em;
}


如下圖,貼好後儲存。




使用方法,將要貼在文中的語法夾在以下語法中間即可。
注意:要在顯示區塊顯示大於小於符號
< 要用&lt;代替(請換成半形)
> 要用&gt;代替(請換成半形)

<code>語法放這邊</code>


沒有留言:

張貼留言