★埼玉散策★　Macky's Blog

オリジナルテンプレートをカスタマイズしてみました。
はじめはバナーの壁紙変更。

現在使っているデザインを変更するなら、自分のブログにログイン後「デザイン」「オリジナルデザインの登録」をクリック。
テンプレートを変更するならば、変更後に行う。
万が一タグの入力を間違って元に戻せなくなることを考えて、スタイルシートの中身をメモ帳などに保管しておいた方がよいでしょう。
私の場合、オリジナルデザインの登録のスクロール画面が扱いづらいので、「STYLE NOTE」というフリーソフトにコピーして、こちらでタグを変更してから元に戻しています。

他にもいろいろなソフトがあると思いますが、これはフリーソフトで、スタイルインスペクタなどお助けメニューがありますので、重宝しています。

本題に戻りますが、先ず画像を登録。
「記事の投稿メニュー」から「画像・動画の登録、一覧、削除」
表示させたい画像を選んで「画像のアップロード」。拡張子が、*.jpgか.gifがトラブルがなくてよいと思います。
サムネイルで表示された画像をクリックすると画像が保存されているURLが解ります。
このURLを記憶しておきます。

オリジナルデザイン変更画面から「スタイルシート」の中から以下の部分を見つけます。

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

赤字の部分を先ほどアップロードした画像のURLと置き換えます。
URLの後ろのあるタグは、表示する画像の基準値を決めます。個別にも指定できます。
プロパティの変更は、「TAG INDEX」を参考にされると良いでしょう。わかりやすく解説しています。
私の場合は以下のように変更しました。

#banner,#subbanner{
background:#fff url(http://blog.saitamania.net/usr/○○○/△△△.jpg) left bottom;
padding:0px 10px 10px 10px;
background-repeat:repeat-x;
height: 100px;
}

変更が終わったら、元に戻して、登録。確認して、表示がおかしかったら、タグの構文を再確認してみてください。
くれぐれもタグの閉め忘れに注意してください。

一度挑戦してみてください。

「STYLE NOTE」ダウンロード先→http://www.wht.mmtr.or.jp/~riki/style/

カスタマイズの参考サイト→「TAG INDEX」