livedoor ナレッジ

本文の横幅について。

僕は「デフォルト2005 (ブルー)」のデザインを使っていますが、同じデザインを使っている「小太郎ぶろぐ（ ）」は、なぜか本文の横幅が違います。
どうやって変えているんですか？
教えてください。

管理ページ、投稿、編集のページの横の下のほうに「注目のデザイン」というのがあると思います。
そこの（デザインを変更する）をクリックして、「デザインの設定」のページへ行きます。
一番下の右側に「カスタマイズ」というのがあります。
そこをクリックすれば、スタイルシートやHTMLを編集できるページへ行けます。

スタイルシートの変えるべきところは、次に挙げるところの

width:

の後の数字です。

	#container{
		width:823px;
		margin:0 auto;

	#banner,#subbanner{
		color:#fff;
		width:773px;
		height:100px;

	#ad{width:340px;}

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

	#content{
		float:right;
		width:393px;
		text-align:center;

まず、ここに挙げた内の一番上、#container{ }の中のwidth:の後の数字を決めます。
幅を広くしたいのですから、数字を大きくします。
しかし、限度があります。参考に挙げられたブログでは、983pxになっています。
そして、大きくした数字から、元の数字を引いて、差を求めておきます。
その差を、#banner,#subbanner{ }、#ad{ }、#wrapper{ }、#content{ }の中のwidth:の後の数字に足して書き換えます。
これで、基本の部分は終了です。
実は、これだけでは、変更は終わりません。
このデザインは、背景に画像を使って、カラムの区切りを表していますから、画像も変えなければなりません。
ここに上げた中の一番上の#container{ }の中の

background:url( );

の( )の中が画像のURLですから、まず、これをダウンロードします。
画像をソフトを使って、この画像の真ん中の部分を、ブログの幅を広げた差の数値分、広げます。
できたら、その画像をアップロードして、
そのURLで background:url( );の中を書き換えます。
これで、変更は終わったはずです。

後は、［この内容で保存する］をクリックして、
「ブログに設定を反映（再構築）」のページで「デザイン（CSS）」を選択して［ブログを再構築する］をクリック。
これでブログを開き直せば、幅が変わっているはず。