BloggerでズレずにAAを貼る方法

　こないだの日記でAAを貼った時、一工夫必要だったのでメモ代わりに。

1. 「HTMLの編集」に切り替える。
2. AAを貼りたい前後に、以下のタグをコピペする。

<pre><div style="font-family:'Mona','IPA モナー Pゴシック','IPAMonaPGothic','IPA mona PGothic','IPA MONAPGOTHIC','MS PGothic AA','mona-gothic-jisx0208.1990-0','MS PGothic','ＭＳ Ｐゴシック';font-size:16px;line-height:18px;">

** 貼りたいAA **

</div></pre>

　ネットで検索するとフォント指定の方法が出てきますが、これだけだと、AAに不等号が含まれるとhtmlタグと認識されてしまい、正しく表示されなくなります。
　上記のように、preタグを追加すること、かつdivタグの外側にネストさせることがポイントになります。

・preタグを入れない場合

　　　 　　　　　,<＝''￣:::::::::::::::￣ﾞ'''ヽ、　　　　　　 ／:::::::::::::::::::::::::::::::::::::::::::::::::＼　　　　　/:::::_,_､:::::::＞‐-､:::::::::::::::::::::::::::::　　　　　 /::::／~ヾ,}::::j|　 ｡　｝::::::::::::::::::::::::　　　　　l::::/|_　ﾟ ,.>ｰ､ゞー≠￣ヽ::::::::::::::
　 　　|::/　ヾ≦ﾍ,_ノヽ　　　　　 ＼:::::
　　　|Ｙ　　　　　l|　　　　　　　　　ヽ
　　　|ﾉ〆　　　　l|　　　　　　　ｰ-　 |　あんなこといいな
　　/| ／　 　 　 l|　　　　　　　ｰ-　 |
　　　l　/　r　　 ｣{,　　　　　　　 ヽ　 |　　できたらいいな
　　　l,　　ﾍ_ _,,＞ｰ＝､_　　 /　　　　　　　
　　　 ∧　　 ｀Σ,,､-‐─ﾞゝ=´　　　　/　　　おまえら民主党の政策は　
　　　　　ﾍ　　　==＝一　　　　　　 ノ
　　　　　　∧　　　　　　　　　　　　　　　　　　そんなのばっかりなんだよ
　　　　　　　＼≧≡＝ﾆー　　　ノ　

・preタグを正しい位置に入れた場合

　　　 　　　　　,<＝''￣:::::::::::::::￣ﾞ'''ヽ、
　　　　　　 ／:::::::::::::::::::::::::::::::::::::::::::::::::＼
　　　　　/:::::_,_､:::::::＞‐-､:::::::::::::::::::::::::::::　
　　　　 /::::／~ヾ,}::::j|　 ｡　｝::::::::::::::::::::::::　
　　　　l::::/|_　ﾟ ,.>ｰ､ゞー≠￣ヽ::::::::::::::
　 　　|::/　ヾ≦ﾍ,_ノヽ　　　　　 ＼:::::
　　　|Ｙ　　　　　l|　　　　　　　　　ヽ
　　　|ﾉ〆　　　　l|　　　　　　　ｰ-　 |　あんなこといいな
　　/| ／　 　 　 l|　　　　　　　ｰ-　 |
　　　l　/　r　　 ｣{,　　　　　　　 ヽ　 |　　できたらいいな
　　　l,　　ﾍ_ _,,＞ｰ＝､_　　 /　　　　　　　
　　　 ∧　　 ｀Σ,,､-‐─ﾞゝ=´　　　　/　　　おまえら民主党の政策は　
　　　　　ﾍ　　　==＝一　　　　　　 ノ
　　　　　　∧　　　　　　　　　　　　　　　　　　そんなのばっかりなんだよ
　　　　　　　＼≧≡＝ﾆー　　　ノ