blogspot 加入程式碼顯示

1、請登入您的blogspot，進入「設定」->「修改HTML」，將「展開小裝置範本」打勾，把底下的程式碼複製起來，放到CSS區塊中。

code { display: block;
font-family: 'Courier New';
font-size: 9pt;
overflow: auto;
border: 1px solid #ccc;
padding: 10px 10px 10px 21px;
max-height: 180px;
line-height: 1.2em;
letter-spacing: 0px;
color: #000;
background: #ccc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFxQ2eDuDYc2mlCXj7En2XWsEXU7UwSpgOVVsxt1dlABV2__1CbPauIBKgXCyeNa7KdugI0gjZCKv0geDtw_PsvwzE5L_t45PHD7b8QD7vuPjNAZyo5ReD0hUx9oWPJXMldec9RxikAg/) left top repeat-y;}

2、貼到您的範本之後，如下圖所示


3、之後如果您要編寫有程式碼的文章，只要在「修改Html」模式中，將程式碼貼上，並在程式碼的前後加上＜pre＞＜code＞程式碼＜/code＞＜/pre＞即可。
轉載來自於：http://taium.blogspot.tw/2009/01/blog-post.html