アメブロTOPバナーの貼り方(アメーバブログ)

無料ブログのバナーの貼り方

このサイトは、みなさんがご自分のブログに好きなバナーを貼れるよう『バナーの貼り方』をご紹介するサイトです。アメーバブログやFC2、seesaaなどの無料ブログにバナーを貼る方法を紹介します。なお、このページではTOPバナーという、画面の一番上にある大きなバナーを変更する方法を説明しています。ブログのサイドバー(横のところ)にバナーを貼りたいときは次のページをご覧ください。

アメーバブログのサイドバーにバナーを貼る方法
FC2(エフシーツー)ブログのサイドバーにバナーを貼る方法
Seesaa(シーサー)ブログのサイドバーにバナーを貼る方法

スポンサードリンク

アメブロTOPバナーの貼り方(アメーバブログ)

アメブロのTOPバナーを変更する方法を説明しています。なおバナーの貼り方は、記事を書いた2015年1月時点での情報です。最新の情報はご自分でお確かめください。私の環境は「MacOS/FireFox」ですので、みなさんの環境に置き換えて読んでください。

では、アメーバブログにログインします(以下「アメブロ」)。


下の画像はログインした時の画面です。左下の方にある「デザインの変更」ボタンをクリックします。


下のような画面が出てきたら「適用中のデザイン」に注目してください。


上の画面としたの画面との違いを見てください。下には「カスタマイズ」の表記があります。「カスタマイズ」の表記がないデザインではトップバナーの変更ができません。


そのままページの下の方まで見ていくと「他のカテゴリからブログデザインを探す」という文字があります。「カスタム可能」をクリックしてください。


スポンサードリンク


カスタマイズできるデザインを選んで、バナーを用意する

カスタム可能なデザインの中から好きなデザインを選んでください。私は「あじさい」を選びました。


「表示を確認する」で気に入ったら「適用する」ボタンをクリックします。「ブログを確認する」ボタンをクリックして自分のブログのデザインが変わったのを確認します。


アメブロの一番上にある大きなバナー=TOPバナーの上で右クリックして画像を表示してみてください(背景画像だけを表示=MacOS/FireFoxの環境のとき)。


これがTOPバナーです。


TOPバナーの上で右クリックして画像をPCに保存します。


そしてその大きさと同じバナーを作って保存しておきます(バナーの作り方についてはこのページでは説明しません)。私はバラの花の画像をアメブロのTOPバナーに使うことにしました。


スポンサードリンク


アメブロTOPバナーを貼り替える

それではいよいよバナーを取り替えます。ヘッダーの「デザインを簡単カスタマイズする」をクリックしてください。


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


「選択」ボタンをクリック。保存してあった「使いたいバナー」の画像を探して選びます。


「アップロード」ボタンをクリックすると新しくアップロードしたバナーが表示されます。バナー画像をクリックしてください。プレビュー(予想図)を観ることができます。


この画像でよければ「保存」ボタンをクリックします。この画面で、タイトルの文字色も簡単に変更できるので試してみてください。


TOPバナーが入れ替わったかどうか、ブログを確認してみてください。タイトルの文字の色もブルーから白に変わっていますね。こんな感じで何度でもバナーを帰ることができます。皆さんも試してみてください。

更新情報・お知らせ

ホームページをリニューアルしましたNEW

書籍&Kindle本

山元加津子の本

ひろめてください

白雪姫プロジェクト

おはなしだいすき


おすすめ

↑ PAGE TOP