アメーバブログ(アメブロ)にバナーを貼る方法

アメーバブログ(アメブロ)のサイドバーにバナーを貼る方法

アメーバの無料ブログのサイドバー(PC)にバナーを貼る方法を紹介します。バナーの貼り方は、2011年1月に記事を書いた時点でのやり方です。最新の情報はご自分でお確かめください。私の環境は「MacOS/FireFox」ですので、みなさんの環境に置き換えて読んでください。

スポンサードリンク

貼りたいバナーを自分のパソコンに保存する

このページでは『おはなしだいすき』のバナーを例にとってアメーバブログにバナーを貼りつける方法をご紹介します。まず、貼りたいバナーをダウンロードします。たとえば『おはなしだいすき』のホームページを開いて・・・


ページの下のほうにあるバナーをみつけてください。そして好きなバナーの上で、右クリックして名前をつけて画像を保存します。


どこに保存したか「保存する場所」を覚えておいてくださいね。


スポンサードリンク


アメーバブログ(アメブロ)の編集

次にアメブロの管理画面を開きます。『ブログを書く』をクリック。

※『タグ編集エディタ』を使ってください。タグ編集エディタがわからなければ、そのまますすんでください。

↓ 『画像』というボタンをクリックします。


↓ そうするとこんな画面になりますので、


『参照』ボタンをクリックして、さっき自分のパソコンに保存した、バナーを選びます。『アップロード』ボタンをクリックします。自動的に『アメブロを書く』というページに戻ります。


『画像』をクリックします。『チェックした画像を使う』というボタンの下の方にバナーがあります。


自動的に「アメブロを書く」というページに戻ります。


スポンサードリンク


文字列の編集

大きな枠の中に、文字列がずら〜っと入っています(ここに文字ではなく、バナー画像が入っていたら『HTML表示』というボタンを探して押してください)。


大きな枠の中の、一行目から、2行目にかけて、a href から始まる、

<a href=”http://stat.ameba.jp/user_images/2012○○/○○/○○○○○/bd/b3/g/○○○○.gif”>

という文字列があります。

※○○○○○のところは、それぞれのブログによって違います。

『”』と、『”』の間の文字列を

『白雪姫プロジェクト』のURL、

http://shirayukihime-project.net/ に変更します。

<a href=”http://shirayukihime-project.net/”> となります。

そうやってできた文字列の(枠の中の文字列)全部をコピーしてください。

◎サイドバーの設定

『サイドバーの設定』をクリックします。


↓ そうするとこんな画面になりますので、


『フリースペース』の『編集』をクリック。そうすると『フリースペース』のページが開きます。

フリースペースに、文字列を貼り付ける

『フリースペース』のページの、大きな枠の中をクリックしてから『貼り付け(ペースト)』します。


上の図の右端のように、バナーがちょんぎれていたら、あなたのブログには大きすぎるバナーです。下の画像のように小さめのバナーを選んで『保存』のボタンをクリックします。

バナーの確認

では、ブログに、バナーが貼れているか確認しましょう。ブログを表示させてから「最新の情報に更新」「再読込み」などのボタンを押してください。みなさんのブログとは、ようすがちがうかもしれません。


最後に、クリックしてみて、『おはなしだいすき』のホームページに飛んでいくか確認してみてください☆以上で終わりです☆

過去にいただいたコメント1

過去にいただいたコメント2

書籍&Kindle本

山元加津子の本

ひろめてください

白雪姫プロジェクト

おはなしだいすき


おすすめ

↑ PAGE TOP