Ameba(アメーバ)ブログ(アメブロ)「白雪姫バナーの貼り方」

Amebaブログ(アメブロ)に『白雪姫プロジェクト』のバナーを貼る方法です。

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

まず、貼りたいバナーを選んで・・・

↓ どれがいいですか?

白雪姫プロジェクト 白雪姫プロジェクト

白雪姫プロジェクト 白雪姫プロジェクト 白雪姫プロジェクト

好きなバナーの上で、右クリックして、名前をつけて画像を保存してください。

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

保存する場所

◎アメブロの編集

次にアメブロのマイページを開きます。

『ブログを書く』をクリック。

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

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

記事を書く

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

参照

『参照』ボタンをクリックして、

さっき自分のパソコンに保存した、バナーを選びます。

『アップロード』ボタンをクリックします。

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

記事を書く

『画像』をクリックします。

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

白雪姫プロジェクト

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

◎文字列の編集

白雪姫プロジェクト

大きな枠の中に、文字列がずら〜っと入っています。

※ここに文字ではなく、バナー画像が入っていたら
『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/”> となります。

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

◎サイドバーの設定

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

サイドバー

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

フリースペースの編集

『フリースペース』の『編集』をクリック。

そうすると『フリースペース』のページが開きます。

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

『フリースペース』のページの、大きな枠の中をクリックしてから

『貼り付け(ペースト)』します。

白雪姫プロジェクト

上の図の右端のように、バナーがちょんぎれていたら、

あなたのブログには大きすぎるバナーです。

こんな感じで、小さめのバナーを選んで『保存』のボタンをクリックします。

白雪姫プロジェクト

◎バナーの確認

では、ブログに、バナーが貼れているか確認しましょう。

※ブログを表示させてから

「最新の情報に更新」「再読込み」などのボタンを押してください。

↓ みなさんのブログとは、ようすがちがうかもしれません。

白雪姫プロジェクト

最後に、クリックしてみて、リンクがうまく張れているか

つまり『白雪姫プロジェクト』のホームページに飛んでいくか

確認してみてください☆

以上で終わりです☆

↓ お役に立ったらクリック投票お願いしますね〜♪

にほんブログ村 ブログブログ ブログ初心者へ

カテゴリー: アメブロ バナーの貼り方 | コメントをどうぞ