ブログのカスタマイズ1（TOP画像編）

ブログにTOP画像を入れるには

1、最初にTOP画像に使用する写真を選びます
　　　
　　背景1.JPG

2、写真の幅をブログ用に変更します
　1）ブログの幅を調べる







スタイルシートで下の部分を探して下さい
#container{
font-size:12px;
width:940px;
/*background-color:#ffffff;*/
margin:0px auto;

940pxがブログではこの幅です



　2）調べたサイズに合わせて写真の幅を変更保存します
3、TOP画像をアップーロードします
　　このとき写真をオリジナルサイズで取り込みます
　　＊事前に写真サイズの調整が面倒な人は、ここでリサイズ940を入力してもいいですよ
　　　ただ高さの調整はここではできません



４、再度スタイルシート画面にします

5、スタイルシートを編集
※半角英数で入力してください（ファイル名は除く）

#banner,#subbanner{
background:#D30900 url(/_img/simple_red/head.gif) left bottom;
padding:0px 10px 10px 10px; }

#banner a{color:#fff;text-decoration:none;}
#banner a:link{color:#fff;text-decoration:none;}
#banner a:visited{color:#fff;text-decoration:none;}
#banner a:active{color:#fff;text-decoration:underline
　　　　↓()内を下のように変更
#banner,#subbanner{
background:#D30900 url(http://img02.naturum.ne.jp/usr/go123/背景1.JPG) left bottom;
padding:30px 10px 360px 10px; }
　　　　　　　　　　　　　　　　↑写真の縦のサイズに
テンプレートの種類によってスタイルシートは異なりますが入れるとこは同じですから
　

あなたにおススメの記事