2009年11月7日 星期六

在Blogger顯示程式碼

找到下面這段的位置,
body {
(中間一堆亂七八糟)
}

接著把下面這段貼在他下一行。
code, .code {
display: block; /* fixes a strange ie margin bug */
font-family: Courier New;
font-size: 8pt;
overflow:auto;
background: #f0f0f0 url(http://polin2005.googlepages.com/BG_CODE.gif)
left top repeat-y;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height:200px; // for IE6
line-height: 1.2em;
}

PS: 建議把code那個gif放到自己的空間,免得哪天炸掉..

請注意,<跟>會被瀏覽器吃掉,所以要先把他們換掉:
< 用 &lt; 取代
> 用 &gt; 取代
& 用 &amp; 取代 (這三行的原始模樣真夠詭異的 -___-|||)

將程式碼放置於<pre class="code">和</pre>之間即可

參考文章
參考文章的原始參考文章
參考文章再往後追不完了,想看自己追 -o-|||

沒有留言: