このサイトはアドセンスやアフィリエイト広告を利用しています。

はてなブログ

はてなブログのメイン記事とかサイドメニューの横幅の変更方法

このサイトはアドセンスやアフィリエイト広告を利用しています。

はてなブログの全体の横幅の変更方法とメインの記事部分とサイドメニューのカスタマイズの仕方をメモがてら書いておきます。

 はてなブログの横幅変更の方法

結構かんたんな話でブログのデザインの設定からデザインCSSに次のCSSを記入するだけです。

#container {

width: 1000px;
}

#main
{
width: 630px;
}

#box2 {
width: 336px;
}

 それぞれのはてなブログのデザインCSSの意味

  • #container:ブログ全体の横幅
  • #main:メインの記事部分の横幅
  • #box2:サイドメニューの横幅

全体の横幅を決めて、そこからメインとサイドメニューを決めればいいだけです。ちなみにメインの記事部分とサイドメニューの間の空白は #container - #main - #box2 =残った部分が空白になります。





-はてなブログ