はてなブログの画面幅を広げるには

はてなブログのデフォルトテーマでは画面の表示幅が狭いので、広げてみました。デザインテーマは標準で付属している「Report」を利用する前提です。ダッシュボード（はてなブログの管理画面）から「デザイン → カスタマイズ → デザイン CSS」と辿ります。

file

ここに以下の CSS を設定しました。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
@media screen and (min-width:1200px) {

#container {
  margin: 0 0 0 100px;
}

#content-inner {
  width: 1200px;
  margin: 0 auto;
}

#wrapper {
  width: 920px;
  float: left;
}

}

これでブログの表示幅が広がりました。