こんにちは。 アメブロサポーターの三浦です。
毎週日曜日は、「かんたんアメブロカスタマイズ」をお届けしています。
この「かんたんアメブロカスタマイズ」は、ヘッダー作成やカスタマイズを自分でやってみたい方、本格的なデザインでなくても良いので、まずはブログをオリジナルなものに変えてみたい、という方に向けて書かせてもらっています。
過去記事も参照されてみてください。
第3回目の今日は、ブログのヘッダーサイズの変更の仕方を説明していきます。
前回までの設定の状態では、ヘッダーサイズは横幅980px×高さ300pxに設定されています。
↑このサイズの高さを変更して、大きなサイズのヘッダーに変更してみましょう。
今回は高さ300pxから、400pxへ変更してみたいと思います。
まずは、今回のヘッダーサイズに合わせるように、980px×400pxの画像を用意します。
マイページ → 管理トップ → デザインの変更の順にクリックして、(CSS編集デザイン)を選択し、CSSの編集をクリックします。
↑(ブログデザインヘッダ・背景用画像の追加)画面から、(参照)をクリックし、用意したヘッダー画像を選択し、アップロードします。
↑選択した画像がアップロードされます。
次に、(ブログデザインのCSSの編集)画面の、(3-2)ブログヘッダーを表示させます。
↑現在は上記の部分が300pxになっているので、ここを400pxに書き替えます。
次に、現在の画像のURLが入っている、()の中の文字列を消します。
先程アップした、ヘッダー画像のURLをコピー&ペーストして貼り付けます。
最後に忘れずに保存します。
ブログを表示させると、ヘッダー部分に大きくなった画像が表示されていることが確認できます。
前と同じ画面のまま変わっていない場合は、F5キーを押して更新してみてください。
小さい画面ではわかりずらいと思いますので、今回から実際のサイトをご案内します。
このような感じ になります。
これから毎週日曜日毎に少しずつ変わっていきますので、ぜひ参考にしてみてください。
ブログを本格的にカスタマイズしたい事業者の方は、こちらなどいかがでしょうか?
あなたのブログの魅力を最大限に・・・ オリジナルヘッダー作成サービス
今日も最後までお読みいただきまして、ありがとうございます。