2012-04-09

[blog]如何在Blogger中顯示code區段

1.進入網誌後台設定頁面

2.選擇 '範本\修改HTML\繼續\'

3.將以下code加入至post區段中:

 .post pre {
  background: #F0F0F0 url(http://yourwebspace/Code_BG.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%;
}

4.http://yourwebspace/即您的網路空間,這裡是指向程式碼區段左側的那條灰底圖。
5.之後只需在 source code前後加入<pre>和</pre>標籤即可!

沒有留言:

張貼留言