Dogシリーズテンプレートでの
ヘッダーの画像をカスタムする方法をご紹介します！
�．謄鵐廛譟璽箸�deco_f300135_shibaをダウンロードして
「適用」にします。
�◆屮屮蹈阿粒稜А廚妊屮蹈阿鯢充┐靴泙后�
��ヘッダー部分（タイトル又は柴犬の画像）でマウスを
右クリック。
�ぁ崘愀焚菫�を表示」をクリック。
�イ垢襪肇悒奪澄爾硫菫�だけが表示されます。
�Νイ硫菫�の上でマウスを右クリックして
「名前を付けて画像を保存」。
（名前はわざわざ変更しなくてもOKです。）
（保存先はわかりやすいデスクトップでOKです。）
�Р菫�ソフト等で保存したヘッダー画像を開きます。
（私はAdobe Fireworks CS3で開いてます。）
�┝童い硫菫�の上に、新しい画像のサイズを合わせてから
上書きしてください。
写真枠内の画像サイズは幅150px、縦190pxがちょうどいいです。
��加工したらjpgで保存してください。
※画像ソフトのやり方は各画像編集ソフトでお調べ下さい。
ご質問はご遠慮下さい。
����で保存した画像を「ツール」→「ファイルアップロード」で
アップしてください。
��アップロードしたファイルの「この画像で記事を書く」を
クリックしてください。
画像部分（
赤）をコピーします。
<a href="http://blog-imgs-21.fc2.com/p/o/l/polukai/
F300135header_back.jpg" target="_blank">
<img src="http://blog-imgs-21.fc2.com/p/o/l/polukai/
F300135header_back.jpg" alt="" border="0" /></a>
<br clear="all" />
��「テンプレートの設定」を開き、HTML CSSの編集をクリック。
��CSSの「ヘッダー」部分までスクロール。
backgroundの（
青）部分を��でコピーしたHTMLに上書きして保存します。
/*************** ヘッダー ***************/
body.layout-two-column-right div#banner,
body.layout-two-column-left div#banner,
body.layout-one-column div#banner,
body.layout-three-column div#banner
{
width: 800px;
margin: 0 auto;
padding: 0;
height: 230px;
background: url("http://blog-imgs-21.fc2.com/
p/o/l/polukai/F300135header_back.jpg") no-repeat;
}
簡単に説明しましたがぜひお試しくださいね♪
カスタム報告もまってますｗ
や食べ歩きブログ
です
室
