はてなブログで画像を中央揃えにする方法

はてなブログで画像を中央揃えにしようと思ったところ、画像が全画面？的なもの以外中央揃えにならず、縮小化すると左揃えになりバランスが悪いということで、その解決方法をメモ

CSSを書き換えているので細かい設定が出来なくなります。

• メリット
  • 画像が全て中央揃えになる。
• デメリット
  • 画像の横にテキストを書く記法が使えなくなる。

手順

• 1.管理のデザインをクリック
• 2.カスタマイズを選択
• 3.デザインCSSの一番下の行に以下の内容を追加

img.hatena-fotolife, img.http-image {
display: block;
margin: 0px auto;
}

　
　
　
　
これで画像が中央揃えで表示されるようになると思います。