アメブロヘッダーを簡単カスタマイズする CSSソース編

アメブロカスタマイズcssソース アメブロカスタマイズ CSSソース

アメブロカスタマイズcssソースアメブロをカスタマイズして
自分を表現しましょう!!

デザインの設定 → カスタム可能

アメブロカスタマイズ

CSS編集用デザインを選ぶ

アメブロカスタマイズ

カラムを選ぶ

ここでは2カラムを選択し
「適用する」をクリック

CSS編集画面の一番下にソースを挿入します。

一番したまで、スクロールします。

アメブロカスタマイズ

下記のソースをコピーし、張り付けます。

CSS ソースを挿入

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

/* Japan Web Celebrity Association */

ソースがうまく張り付けない方はこちらからダウンロードしてください。

ソースをダウンロードする

↓↓ソースの貼り付け後の出来上がりはこちらです。

アメブロカスタマイズ

 

画像を入れる

画像のサイズは1120×400で画像を作成します。
「ファイルを選択」→「アップロード」
画像のパスをコピーします。

先ほどソースを挿入したところに張り付けます。

アメブロカスタマイズ

 

 

 

コメント

タイトルとURLをコピーしました