3.02.2009

在Blog內文中貼上程式碼

只是一個小技巧,到處google就可以找到的東西...
在這裡只是做個備份,並且為了接下來的一連串備份做個預備。
(到底是要備份什麼呢?就是在blogspot上花了很多時間改的東西啦)
雖然很blogspot很難用,但是摸熟了便能體會到它的自由度比其他幾家BSP強很多啊。

首先要在css樣式中加入以下程式:
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; }


然後在撰寫部落格內容的時候把程式碼用以下的標籤框起來。

<code class="ref">此處貼上要顯示的程式碼</code>


這樣就弄完了。
比如說

<marquee bgcolor="#000000" height="40" width="100%" loop="infinite">跑馬燈效果</marquee>
跑馬燈效果

引用自這裡
http://blog.udn.com/lifemirror/1262689

沒有留言:

張貼留言

Related Posts Plugin for WordPress, Blogger...

LinkWithin