テンプレート -> カスタマイズ を押します。
上級者向け -> CSSを追加 を押します。
フィールドにCSSを書き込みます。
今回は、コードを見やすく表示する為に以下のスタイルを書き込みました。
p.Code_List { color: lime;
background-color: gray;
font-family: "courier" , momospace;
font-size: 125%;
}
HTMLエディタにて < p class= " Code_List " > ... < /p > で括ると、上記の表現ができます。
注意事項
BloggerのHTMLエディタで< p > ... < /p > を打ってから、WISYWIG編集モードにすると、タグが消えてしまいます。これはBloggerの仕様のとの事ですので、一旦HTML編集モードで編集を始めたらHTMLのまま保存して下さい。