こんにちは ももサポです!
7/22の夜から具合が悪くなる。
723,24と意識失うように眠りました。
7/25~31 楽になったりぶり返したり。
コロナ11波?と耳にしたけれど
夏風邪って冷房との兼ね合いが難しい!
ご心配おかけした皆さまには申し訳ございません。
昨日からほぼ通常営業しております。
またどうぞよろしくお願いいたします!
さて、今日は、アメブロヘッダーの設定のやり方を書いてみます。
アメブロヘッダーの設定
1120×520pxのヘッダー画像を用意します。
CSS編集をします(パソコン)
アメーバにログインしたら【ブログ管理】を押します。
↓
管理トップ画面で下の方にスクロールしていき
一番下にある【デザインの設定】をクリックします。
【デザインの変更】画面になって、この一番下の欄の
【🔎他のカテゴリからブログデザインを探す】というところにある
【カスタム可能】をクリックします。
その中にある【CSS編集用デザイン】を押します。
この時、【2カラム・右側メニュー】というのを選んでください。
左に文章、右側にプロフィールやカレンダーがくるものになります。
これです↓
カーソルを当てると【表示を確認する】と出ますのでクリックします。
レイアウトを選べますので
【2カラム・メニュー右】を選んでね
(※オーダーでは他のレイアウトも可能です。)
ここまで出来ましたか?
できましたら、【CSSの編集】へまいりましょう
私のを例に貼りますね。
/* ヘッダー画像を設定する */
.skin-bgHeader {
background: no-repeat scroll center top;
background-image: url(https://stat.ameba.jp/user_images/20240627/16/momokasapo/c5/7e/p/o1125052015456551297.png);
background-size:100%;
width:1120px;
margin: 0 auto;
height: 600px;
}
これをコピーしてCSSの編集の一番下に貼ります。
ピンク字のところはご自身でアップした画像のURLに変えてください
ヘッダー×グローバルメニュー×サイドバナー設定簡単キットを販売します。
内容
・ヘッダー画像制作
・グローバルメニュー画像制作
・サイドバナー画像制作
・メッセージボード
・設置(CSS編集・HTML編集)
価格:50,000円(税込)
(こちらはキャンペーン価格のため10名様限定となります。)
ご自身で画像制作・設置をされる方用のキット
・CSS編集・HTML編集セット
・設置手順書
価格:5,000円(税込)
お申し込みはこちらからどうぞ
↓
お申し込み・お問い合わせはこちら
↑クリックするとGoogleフォームが開きます。