讓blogspot顯示程式碼

相信大家在寫blog時，常常會碰到html語法或其他程式碼，想要po出來，結果在發佈時，整個網頁的編排卻全都亂了，現在有個方法，可以讓您方便將程式碼顯示出來~

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/AVvXsEh26YeTtJVJG1iWI6SHyO4BQPnZIoBkh9aM44UEI4FQwr3U5xJy2a1p1vGUmEN-qz2BIvSyypxj4eENTUGOZCwk8VXnlHaxiatT_YCBPbYTNnqul4C84Pyc__4a-cE_oX9uBbqTfHcyPQ/) left top repeat-y;}

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


3、之後如果您要編寫有程式碼的文章，只要在「修改Html」模式中，將程式碼貼上，並在程式碼的前後加上＜pre＞＜code＞程式碼＜/code＞＜/pre＞即可。
--好康廣告--