しーまブログ 日記/一般奄美市笠利町 ブログがホームページに!しーま新機能のお知らせ! さばくる~イベント情報受付中!~

ブログヘッダー背景の変更方法

こんにちは。しーま編集長です。

ブログのヘッダー背景変更方法につきまして、お問い合わせを頂きましたので、
編集長ブログでもお知らせさせて頂きます。



【ブログヘッダーの変更方法】


今回はこのテンプレートを使用して、カスタマイズしてみたいと思います。
ブログヘッダー背景の変更方法




①ヘッダーの背景画像を準備する。サイズは横760ピクセル、縦200ピクセル。(縦は任意です。150pxでも300pxでも大丈夫です)
私は先日あやまる岬のソテツジャングルで撮った写真でやってみたいと思います。


ブログヘッダー背景の変更方法






②まずヘッダー背景に使用したい画像をアップロードします。
ご自身の管理画面にログイン後、画像一覧をクリックして下さい!

ブログヘッダー背景の変更方法






③ファイル選択をクリックして下さい。
ブログヘッダー背景の変更方法






④画像を選んだら、アップロードをクリック!
ブログヘッダー背景の変更方法






⑤こちら(赤枠)に写真が追加されました!これでアップロード完了!
アップロードされた画像の上ををクリックして下さい。

ブログヘッダー背景の変更方法





⑥URL赤枠のURLをコピーして下さい。
ブログヘッダー背景の変更方法






⑦テンプレートをクリックしてください!
ブログヘッダー背景の変更方法






⑧カスタマイズをクリック
ブログヘッダー背景の変更方法







⑨【スタイルシート】のところで赤枠の記述を見つけて下さい。
ブログヘッダー背景の変更方法



#banner,#subbanner{
background:#fff url(/_img/sky_blue/head.jpg) left;
padding:0px 0px 0px 0px;
height: 219px;
}


赤字のところを変更します。
(/_img/sky_blue/head.jpg)の箇所は⑥でコピーした画像のURLを入れます。

219px;の箇所は画像の高さを表していますので、200pxと記述してください。(画像の高さが150ピクセルの場合は150pxと、300ピクセルの場合は300px)


⑩登録をクリックで終了です
ブログヘッダー背景の変更方法







⑪では出来上がりを見てみましょう!
ブログヘッダー背景の変更方法





以上で作業は終了です。
またわからないことが有りましたら、しーま事務局または、コメント欄にて連絡いただければと思います。

どうぞ宜しくお願いいたします。





※出来上がりが前のデザインが変わらない場合はキャッシュをクリアしてもう一度ブログを表示させて見てください。
キャッシュのクリア方法をご案内いたします。ブラウザに合わせてご確認くださいます様お願いいたします。



【キャッシュクリア方法】
こちらでは図解で詳しく解説されています→http://www.jfkooya.com/jiyoo/2009/02/cash.html

■ Windows版 Internet Explorer 8

1.[ツール]メニューから[閲覧の履歴の削除]を選択
2.[インターネット一時ファイル]にチェックを入れて[削除]をクリック

■ Windows版 Internet Explorer 7

1.[ツール]メニューから[閲覧の履歴の削除]を選択
2.インターネット一時ファイル項目で[ファイルの削除]をクリック

■ Windows版 Internet Explorer 6

1.[ツール]メニューから[インターネットオプション]を選択
2.[全般]タブにある、インターネット一時ファイル項目のファイルの[削除]をクリック
3.[すべてのオフラインコンテンツを削除する]にチェックを入れて[OK]をクリック

■ Windows版 Firefox 3.6

1.[ツール]メニューから[最近の履歴を削除]を選択
2.履歴の期間で[すべての履歴]を選択し、消去する項目で[キャッシュ]にチェックを入れて、[今すぐ消去]をクリック



■Windows版google chrome

1.ブラウザの右上のツールバーにあるレンチのアイコンをクリックします。 
2.「ツール(T)」をクリックします。
3.「閲覧履歴の消去」をクリックします。
4.表示されるダイヤログで、自分が消したい各種データ(閲覧履歴、ダウンロード履歴、キャッシュ、Cookieと他のサイトのデータ、保存したパスワード、保存したフォームデータ)にチェックを入れます。
5.「期間を指定してデータを消去」で、データを削除する期間を選択します。
6.最後に「閲覧履歴データを消去する」をクリックして完了です。


■ Mac OS X版 Safari

1.[Safari]メニューから[キャッシュを空にする]を選択





同じカテゴリー(新機能・仕様変更)の記事

 
この記事へのコメント
事務局の皆さんこんにちは
南島新話のチャーリーです。

大変わかりやすい説明で
ありがとうございました。

さっそくやってみました。
若干バナーが大きすぎたようですが
所期の目的は達成です。
Posted by チャーリーチャーリー at 2011年09月03日 16:28
チャーリーさん

うまくできてますね!
写真の大きさもこれぐらいあったほうが迫力があっていいと思いますよ!

ていいますか、写真が上手すぎです!
さすがですね!

また、なにかありましたらご連絡ください。

宜しくお願いいたします。
Posted by しーま編集長しーま編集長 at 2011年09月04日 23:50
上の画像に書かれている文字を入力して下さい
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

削除
ブログヘッダー背景の変更方法
    コメント(2)