如何在Blogger post code block

首先先進入Blogger的總覽

1.選擇範本點選修改HTML

2.點選繼續

3.找尋/* Post

4.加上這段程式碼

.post code { display: block; /* fixes a strange ie margin bug */ font-family: Courier New; font-size: 10pt; margin:.75em 0; overflow: auto; background: #000000 left top repeat-y; border: 1px solid #ccc; padding: 10px 10px 10px 21px; line-height: 1.2em; white-space: pre; }
5.加完之後記得按下儲存範本

6.以後寫Blogger需要code block時,切換至HTML模式在程式碼的前後加上<code></code>

如下

<code>
程式碼...
</code>

(PS:如果程式碼中有特殊符號,記得用HTML Encode轉換)