あなたが創りたいイメージ・想い寄り添って一緒に作りあげていきます、サポートします

Amebloのデザインをカスタマイズする-Site01

WRITER
 
この記事を書いている人 - WRITER -

Ameblo(アメーバブログ)のデザインのカスタマイズ方法

Ameblo(アメーバブログ)のデザインのカスタマイズ方法は、下記の3種類あります。

  1. トップ画像(ヘッダー画像)のみ変更する簡易カスタマイズ
  2. css編集をして、メニューバーを設置したり、ブログの背景画像設定、サイドバーに装飾した枠欄を設けるなどの本格的カスタマイズ
  3. アメーバキング2という有料ツールを購入して、デザインを一新

トップ画像(ヘッダー画像)のみ変更する簡易カスタマイズ

  1. ブログ管理画面の左メニューにある「デザイン」をクリック
  2. サムネイルリストの下段にあるリストの中の「カスタム可能」をクリック

     
  3. 気に入ったデザインを選択して「適用する」をクリック
  4. デザイン編集画面で、ヘッダー画像を変更する
    1)ヘッダー画像にしたい画像をアップロード
    2)アップロードした画像のURLをコピーして、所定の位置に張り付ける

※ヘッダー画像以外の部分の変更はできません。

css編集可能なデザインを選択して、css編集などコードを入力して変更する方法

  1. ブログ管理画面の左メニューにある「デザイン」をクリック
  2. サムネイルリストの下段にあるリストの中の「カスタム可能」をクリック

       
  3. css編集可能なデザインの3種類のうち下の左側のデザインを選択、
    2カラムにしてから、「適用する」をクリック

  4. 編集画面で、ヘッダー画像、ブログ背景画像(必要なら)をアップロード、CSSを編集、「設定・管理」⇒「フリースペースの編集」をして、ヘッダーメニューや、サイドバーの装飾枠を作成、必要は情報を入力していく。

cssカスタマイズ後の参照サイト(未完成)

※サイドバーの枠の種類は、下にスクロールしてご覧ください。

※メニューバーの色は、好きな色に変更できます。
※ヘッダー画像、ブログ背景も好きなものに変更できます。

CSSカスタマイズのサポートも承っております。
お問い合わせくださいませ。

注目を引くための囲み線@アメブロ・カスタマイズ

Follow me!

この記事を書いている人 - WRITER -