CSSなんてわからない!でもヘッダーに画像を挿入する方法【アメブロカスタマイズ】 | パソコン歴20年の村田理恵子が教える!初心者でもわかるアメブロ講座(大阪)

パソコン歴20年の村田理恵子が教える!初心者でもわかるアメブロ講座(大阪)

ブログやホームページ、SNSなど
今では自分のことを発信するのが当たり前!
「パソコンが苦手」「始めたばかりでやり方がわからない」そんな方のための情報を随時お届けします。

お届けするのは、小学生の娘2人と1歳児の息子の育児奮闘中のママです。


テーマ:

アメブロのヘッダーを変更するには

CSSっていうHTMLみたいな

専用のコードを使います

 

それを使わずにヘッダーに画像を挿入できます

ただし、今ある

ブログタイトルやブログ説明文を

表示されたままなので

それを活かした画像になります

 

 

 

画像を挿入する方法

 

1「デザインの設定」をクリック

 

2下のほうにスクロールして

「カスタム可能」をクリック

 

3その中で好きなデザインを選択し

サイドバーの位置を選択して

「適用する」をクリック

 

4デザインを適用後

「デザインを簡単カスタマイズする」

をクリック

 

5画像を入れるのは左のヘッダー

「オリジナル画像を使う」をクリック

画像サイズは幅980ピクセル、高さ300ピクセルまで

 

 

6「ファイルを選択」をクリックして画像を選んで

「アップロード」をクリック

 

7幅が大きくない画像の場合は「左」「中央」「右」が選べるよ

 

8画像の位置にあわせて

ブログタイトルの位置も変更できます

真ん中の「ブログタイトルと説明文」で色と位置を選択する

 

 

 
9できたら「保存」をクリック
これで完了です
 





試しに入れてみた
画像はサイズ260×260のロゴ「左」に配置
ブログタイトルを「中央」を選択



背景に980×300の画像を入れてみた











下の本文やサイドバーに彩りがあるので
整っているように見えるかと思います
 

 

 
 
 
メニュー&お問い合わせ

 

村田理恵子(りー)さんをフォロー

ブログの更新情報が受け取れて、アクセスが簡単になります

SNSアカウント

Ameba人気のブログ

Amebaトピックス