ブログ(Blog)

くまはちです!

Facebookページ

FBMasterくまはちいいねお願いします。

くまはち

アメブロデザインカスタマイズ編です。

まず、レイアウトからですね。

デザインの変更

右上の赤丸のところをクリックします。

左下の方の「デザインの変更」をクリック

レイアウトの変更

適用中のデザインを「CSS編集用デザイン」に変更

この画面になったら「レイアウトの変更」をクリック

レイアウトの変更

画像のように5種類のレイアウトの中から

選択します。

くまはちは、真ん中のデザインで統一しています。

レイアウトを決めてラジオボタンにチェック入れます。

確認してよければ、「適用する」ボタンをクリック

CSSの編集

この画面にしてから「CSSの編集」をクリック

CSSの編集

するとこの画面

CSSの編集する前にカバー画像アップしておきます。

この場合は、980pxX300pxの画像を

用意しておきます。

アメクリップも併用する方は、

1000pxX200pxアメクリップのサイズです。

1000pxX300pxの画像から切り抜きすると

同じ画像を使えます。

PCで参照ボタンクリックして

画像を選択したらアップロードしておいてくださいね。

あとで下に出てる画像のアドレスが必要になりますよ。

スタイルシート

では、先ほどの画像のところからスクロールして

この部分

中のテキストボックスを編集しましょう。

マーク3-2までスクロールします。

カバー画像設定

画像の部分ですね。

/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{ background-image: url(画像のアドレス);
background-repeat: no-repeat;
background-position: center top;
width: 980px;
height: 300px;
}
/* ←ブログヘッダーに背景画像を敷きたいとき */

 

この部分をコピペして

先ほどアップした画像のアドレスを(画像のアドレス)部分に

コピペしてくださいね。

できたら「保存」ボタンクリックしてください。

ブログ確認してくださいね。

できましたか?
最後にちょっと宣伝

神戸・大阪・明石でセミナーやってますよ。

セミナー情報は、こちら

ノブ横地さん・徳本 昌大さんの著書です。

くまはちがおすすめの本です。(^-^)

あなたにとどけたい

アメクリップ
つながる・広がる・アクセスアップ【アメクリップ】

ではでは、くまはちでした。(^-^)

 

シェアする