アメブロ ソース表示方法

ブログにソース表示をするときには、ソースを２つのタグで囲って使います。

① <pre> ～ </pre>     　 preformatted text　整形済みテキスト
　　　　　　　　　  　　　　　 ⇒囲っている部分をそのまま表示させる
　　　　　　　　　　 　　　　　　改行してあっても <br>にせずに表示させることができる感覚

② <code> ～ </code> 　computer code       コンピュータコード

前準備
cssに下記のソースを貼り付ける
※ソースはここを参照させてもらいました

pre{
font-family: "Courier New",Courier,monospace;
font-size: 1em;
color: #007000;
background-color: #fafafa;
border: solid 1px #bbbbbb;
line-height: 120%;
margin: 1em 0 0 0;
padding: 0.99em;
overflow-x: auto;
overflow-y: auto;
}

overflow：領域をはみ出したときの設定　(overflow-x：横方向　overflow-y：縦方向）
auto を scroll にするとスクロールバーになります。

=======================================================================

準備が終わったら、貼り付けたいソースを↓こんな感じでタグをつけてあげます。

<pre> <code> ソース </code> <pre>

↑これを、ブログのHTML表示の部分に貼り付ければ完成でっす