10/16/2007

在blogger文章中顯示程式碼區

  什麼時候用的到這個功能呢?如果你的blogger常會有一些教學文章,那麼就需要這個功能。這個做法我是從 良人的大秘寶 此篇文章在文章裡顯示優質的程式碼區學來的,阿K再次強調,這個部落格純粹是我學習記錄與分享,若非必要,盡量不轉貼,會推薦各位直接前往原作者出處,一來,不會出錯,二來,若你有問題可以直接問原作者,因為問我的話,我不會。
在修改過程中,可能會遇到的問題:
CODE {
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;
}

1、上面這段css要貼在那裏?貼在</head>之前,我個人是貼在/* Variable definitions
====================

之前,因為我若緊貼在</head>之前,會產生錯誤,所以我就再往前一點再貼上。

2、在文章中若直接加上程式碼,它會自動執行,我是利用html編輯器轉成原始碼後再貼上,就不會有問題了。

貼紙運用:
<a href="http://ad.cw.com.tw/cw/taiwan_warm/index.htm" title="我要一起Cool台灣" target="_blank"><img src="http://ad.cw.com.tw/cw/taiwan_warm/images/cooltaiwan.gif" border="0" width="150" height="150" alt="天下雜誌台灣不願面對的真相貼紙" /></a>
台灣,正面臨發燒中的環境問題。天下網站邀請您加入Blog串連的行列,讓我們一起正視這個問題,提醒你的每一個網路上的朋友,一起為台灣降溫!
將上面語法,複製貼在你的部落格,邀請親朋好友跟你一起承諾串聯小行動,為台灣降溫...
天下雜誌台灣不願面對的真相貼紙

加入書籤 HEMiDEMi個人書籤 MyShare個人書籤 百度分享書籤 Technorati分享書籤 Del.icio.us個人書籤 DiggIt! yahoo furl google Udn YP funP

1 則留言:

address 提到...

謝謝你的教學^___^ 讓我也學會了~