在bolgger中加入code方塊

為了這個框,找好久...

這樣的框其實還不能滿足我的需求,

最想要的框是內文還能有保留字的顏色,

不過目前只找到這個方法,方法如下

第一步:在版面配置->修改HTML找


code{

}


用下列css代碼代替


CODE {
white-space: pre;
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;
}


↑這是從出處的兩個網站兜出自己比較喜歡的格式

第二步:在撰寫文章時只要用＜code＞＜/code＞夾住你要的文章
就能將東西放到框框裡哩!!!




出處:
http://arkelin.blogspot.com/2007/10/blog-post.html

http://codingjames.blogspot.com/2009/08/blogcode-block.html