2011年1月3日 星期一

在Blogger中貼程式碼


人瀏覽


以下文章為「高登工作室」原創

先修改模版:〔版面配置〕→〔修改HTML〕→勾選〔展開小裝置範本〕找到.post-body,在前面貼上以下程式碼

.post pre {
  background: #F0F0F0 url(http://你的圖片網址/blogger-code.gif) repeat-y scroll left top;
  border: 1px solid #CCCCCC;
  color: #333333;
  display: block;
  font-family: Courier New;
  font-size: 10pt;
  line-height: 120%;
  margin: 5px 0 0 20px;
  max-height: 200px;
  overflow: auto;
  padding: 10px 10px 10px 21px;
  width: 90%;
}

HTML Encoder網站

把要貼在BLOG的程式碼貼到框框,按下Encoder

把轉好的程式碼用貼在<pre></pre>的中間就可以啦~








沒有留言:

張貼留言