在bolgger中加入code方塊partIII-使用SyntaxHighlighter 3.0.833.0

用了很久的SyntaxHighlighter 1.X 最近逛其他Blog時發現新的樣式， Google後才知道原來是SyntaxHighlighter又升級了!! 迫不及待就去官方看說明，越做越棒！使用方法還是一樣簡單

在bolgger中加入code方塊partII-使用SyntaxHighlighter 1.5.1

終於找到夢寐以求的code方塊了!!!!
好感動
不多說~馬上來說明如何使用

在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