2013年10月27日日曜日

BloggerでカスタムCSSを使う

私のブログはデフォルトのテーマを使っていますが、見た目を " 少しだけ " 良くする為にカスタムCSSを使ってみました。


テンプレート -> カスタマイズ を押します。


上級者向け -> 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のまま保存して下さい。