BloggerでCSSを設定する方法

Bloggerとかだと投稿欄はWebの表示のコピペを属性付きで受け入れられるので、コードとかを枠付きので記入したいときWebから適当にコピペすればできちゃうんだけど、それだと後で背景色とか枠線のフォーマットとかを変えたくなった時に困るのでCSSで指定する方法を調べてみた。

(1) [デザイン]-[テンプレートデザイナー]-[アドバンス]-[CSSを追加]

#code{
  border: solid 1px #000000; padding: 10px;background-color:#f0ffff;
}

(2) 投稿時、[HTMLの編集]を選んで以下のような感じで記入
<div id="code">
test
</div>

【結果】

test