1 CSS編集可能なテンプレを選択

 

2 ヘッダー画像をアップ

サイズは 1120 400PX

 

3 ヘッダー画像の画像URLを取得

この場合

https://stat.blogskin.ameba.jp/blogskin_images/20220416/16/1d/zf/j/o11200400hp20201650092405265.jpg

 

 

4 CSS編集

 

CSSの最後に以下を追加

 

/* ヘッダー画像を設定する */
.skin-bgHeader {
background: no-repeat scroll center top;
background-color: #fff; 
background-image: url(ここに画像URLを貼り付ける);
}
/* ヘッダーの高さを設定する */
.skin-bgHeader [amb-layout="headerInner"]>a,
.skin-bgHeader [data-uranus-layout="headerInner"]>a {
height: 400px;
}
/* ブログタイトルと説明文を非表示にする */
.skin-headerTitle {
display: none;
}


5 CSS編集
background-image: url(ここに画像URLを貼り付ける);
background-image: url(https://stat.blogskin.ameba.jp/blogskin_images/20220416/16/1d/zf/j/o11200400hp20201650092405265.jpg);


6 保存




完成イメージ
これ


hp2020のブログ (ameblo.jp)