酔いどれ先生のICT備忘録

最近のアクティブラーニング教育事情、最新ガジェットについて綴っています。

はてなブログで記事エリアの幅を広げる

 はてなブログのデザインは基本的に気に入って使っています。しかし、個人的な感覚ですが表示幅が少し狭く感じたのでCSSをちょっと追加して記事の幅を広げました。 

「カスタマイズ」のデザインCSSに以下のように追加

 記事の幅を広げるには、CSSで記事幅を指定します。まず、はてなブログのダッシュボードから デザインカスタマイズデザインCSSで追加することができます。

/*レイアウト幅*/
#container {
width: 870px;
}
#main {
width: 600px;
}

 containerのwidthは、記事エリア・サイドバーを含めたの全体の横幅になります。そして、mainのwidthは、記事エリアの幅になります。

 あくまで個人的な感覚ですが、デフォルトよりも窮屈感が和らいだような気がします。