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)