2008年2月16日 星期六

google blog 在文章中顯示網頁語法

因為之前有一些網頁語法教學
但是在 google blog 中沒辦法只顯示網頁語法
以下就是我查詢到的方法

步驟一:複製以下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; }

以上這一行請到blogger範本->修改HTML

貼在

<head> ..... </head> 之間

例如我是貼在
/* Variable definitions
====================
的上面

步驟二:取代特殊字元

.<取代為&lt; .>取代為&gt; .&取代為&amp;

步驟三:使用<code.ref> tag在文章中要顯示的程式碼的方法

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

參考至 http://klcintw4.blogspot.com/2006/11/blog-post_03.html

沒有留言: