▼ バナーの貼り方

バナーの貼り方。

「人気ブログランキングなどの、画像とのリンクの仕方が、解らなくて・・・」

という、ご質問をいただいたので、ご要望に、お答えしてみます。＾＾

●人気ブログランキング

1. まず「人気ブログランキング｣へ行って、
   
   ランキング用の画像を、取得します。
   
   リンク用バナー - 人気ブログランキングへ行くには、ここをクリック



2. 保存したい画像の上で、マウスの矢印を、当てます。



3. そのまま、マウスの右ボタンをクリックして
   
   「メニュー一覧」を出します。
   
   その中から「名前を付けて画像を保存」を選んでクリック。
   
   パソコン内の、お好みの場所へ、保存します。

●画像のアップ

1. FC2ブログにログイン→
   
   ツール一覧から「ファイルアップロード」→
   
   ファイル管理で「参照」ボタンを押して、
   
   パソコン内に保存した 画像を選びます。



2. そして「アップロードボタン」をクリック。



3. 画面下の「この画像で記事を書く」を、クリックしてみてください。
   
   「新しく記事を書く」画面に、
   
   下のようなHTMLタグが、挿入されているはずです。
   
   <a href="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" target="_blank"><img src="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" alt="人気ブログランキング1" border="0" /></a>
   
   このタグの最初のURLを
   
   <a href="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" target="_blank"><img src="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" alt="人気ブログランキング1" border="0" /></a>
   
   こんなふう↓に、置き換えてください。
   
   <a href="http://blog.with2.net/link.php?ここにあなたのID番号" target="_blank"><img src="http://blog-imgs-41.fc2.com/a/f/f/affiliateland/banner2.gif" alt="人気ブログランキング1" border="0" /></a>
   
   これで、完了です。＾＾

●基本

タグは、こんな感じです。

<a href="http://ここにリンク先のURL" target="_blank"><img src="○○○" border="0"></a>


<a href="http://ここにリンク先のURL" target="_blank"></a>

は、テキスト（文字）リンク。


<img src="○○○" border="0">

は、画像のリンクタグね。＾＾


target="_blank"は、

リンク先を、別窓表示するためのタグ。


border="0"は、

画像の枠線を消すための、タグだよ。＾＾

●おまけ

FC2ブログランキングの場合は、

画像をいちいち保存しなくても、

下のタグをコピペして、あなたのブログに貼るだけで、

使えるようになるよ。＾＾

ID番号だけ、書き換えてね。o(^▽^)o

<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/a_01.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/a_02.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/a_03.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_01.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_02.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_03.gif" style="border:0px;"></a>



<a href="http://blogranking.fc2.com/in.php?id=ここにあなたのID番号" target="_blank"><img src="http://blogranking.fc2.com/ranking_banner/b_04.gif" style="border:0px;"></a>