2016年9月24日 星期六

在BLOGSPOT文章中貼入程式碼

本文原創作者為高登工作室

1、先修改模版:找到.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%;
}

2、到HTML Encoder網站,將你的程式碼貼上,按下Encode後,複製輸出的程式碼。 

3、在「HTML」模式下,貼上複製的程式碼,並用<pre></pre>包起來就完成了。

沒有留言:

張貼留言

注意:只有此網誌的成員可以留言。