ブログの練習

そら吉さんからのリクエストをいただきました。

バナーを画像に変更する場合です。

そら吉さんは　[ts-3-gray]Biz-Gray　というテンプレートを使っていますので、
このテンプレートの変更について説明します。

スタイルシートをカスタマイズしますので、
不安がある場合は、必ずコピーを取っておいてくださいね。

ヘッダーの”banner”の　url　部分を変更します。


では、どこを変えるかというと：

/* ヘッダー
================================================== */
#banner {
margin-bottom: 1em;　　　　　ここを変える
padding: .8em 20px 1.8em;　　↓
background: #6C6C6C url(/_img/biz_gray/bg.jpg) repeat-x 0 100%;
}
#banner a:link, #banner a:visited {
color: #FFF;
text-decoration: none;
}



(/_img/biz_gray/bg.jpg) の代わりに
白菊のメインブログ（http://siragiku.tsukuba.ch）のバナーを入れてみると

/* ヘッダー
================================================== */
#banner {
margin-bottom: 1em;　　　　　　これに変えた
padding: .8em 20px 1.8em;　　　　　　↓
background: #6C6C6C url(//img01.tsukuba.ch/usr/siragiku/isiokat1.jpg) repeat-x 0 100%;
}
#banner a:link, #banner a:visited {
color: #FFF;
text-decoration: none;
}


画像のバナーに変えるときは、
１．バナーにしたい画像を画像一覧にアップロードしておいて下さい。
２．アップロードした画像の　url　をコピーして
３．スタイルシートの/* ヘッダー→#banner→ backgroundに貼り付けて
４．登録を押して、完成です。


もし、上手くいかなくて、カスタマイズ前のテンプレートに戻したいときは、
１．テンプレートからテンプレート一覧を開き
２．テンプレートの再選択をクリックして、
３．以前のテンプレートを選択すると、以前のブログに戻ります。