上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

バナーの貼り方


アフェリエイトやリンクなどのバナーの貼り方について説明します。


ホームページビルダーなどのソフトを使用してホームページを作成すれば簡単なのですが、
ここでは、メモ帳と、ブラウザを使った方法を紹介します。


1. 自分のホームページを格納しているフォルダの該当するHTML(.htmlまたは.htmの
   拡張子のある)ファイルをクリックするとブラウザでそのページが表示されます。


2. ブラウザの[表示]メニューを開き[ソース]をクリックすると、そのページがメモ帳に
   表示されます。


3. 貼りたい場所を探します。見つからないときは貼りたい場所の前後の文字列を
   ブラウザでコピーして、その文字列をメモ帳のメニューの[検索]をクリックして
   表示された画面の[検索する文字列]に貼りつけ[次を検索]ボタンを押すとみつかり
   ます。
  (ホームページ作成ソフトを使えば簡単にリンクを貼ることができると思いますが…)


4. 次のように打ち込みます
  <A HREF="リンク先のURL">リンク先の名前</A>
   これで完了です。たとえばYahooへリンクを貼る場合は次のようにします。


  <A HREF="http://www.yahoo.co.jp">Yahoo!</A>


5. 今書いたこのページ(メモ帳)を上書き保存します。ブラウザの[更新]ボタンを押すと
   ブラウザには、次のように表示されます。


  Yahoo!


   これをクリックすればYahoo!にジャンプします。


   ジャンプ先をテキスト表示ではなくバナー画像を入れるにはリンク先の名前部分に
   下記のように書きます。


   <IMG SRC="バナーの画像の有る場所">


   実際には下記のようになります。


  <a href="http://www.yahoo.co.jp"><img src="bn_yahoo.jpg"></A>


   おわかりいただけましたでしょうか?


   補足として(ここから上が完全に理解できた場合のみ、ここから下を
   参考にしてください)、リンク先のページを新しいウィンドウで開きたい場合は


   <a href="http://www.yahoo.co.jp" target="_blank">
   とします。


   また、上のままでは画像のまわりに枠ができてしまうので、
   バナーが透過GIFのような画像の場合、特にカッコ悪くなります。
  (周囲に四角い枠が出ます…)


   そのときは
   <img src="bn_yahoo.jpg" border="0">
   とします。


その他は、検索サイトで「バナーの貼り方」などで検索してください。


   これを保存してブラウザの更新ボタンを押すと「Yahooのバナー」が表示されます。


   これで完了です。この「Yahooのバナー」をクリックれば、Yahooへジャンプします。
   これをFTPでアップすれば完了です。


   管理人の場合無料サーバー FC2.comなのでファイルマネージャーでアップしてます。
   FTPソフトを持っていなくても、ブラウザ上でファイルをアップロードすることが
   出来ますので、HP作成初心者の方にもおすすめです。



6.バナーの画像のアップロード


 ●例えば、アフィリエイトに登録するとHTMLコードが送られてきます。
   そのまま貼り付けてもよい場合(直リンク)なら、
   <A href="http://abcdefg.com/" target="_blank"><IMG src=
   "http://abcdefg.com/img/bana.gif" width="88" height="31" border="0"></A>


   のようなバナー画像(http://abcdefg.com/img/bana.gif
   を自分のパソコンに保存しなくても、このまま貼り付けるだけでOKです。


 ●また、「バナーの画像だけある場合」「バナーの直リンクはご遠慮下さい」
  「右クリックでバナーを一度保存してから、あなたのTOPページに貼ってください」


   など「直リンクができない」場合は


   上記のHTMLコードを参考に貼り付けます。


  「直リンク禁止」をなぜしているのかと言うと、バナーを提供してくれた
   サイト様のサーバーに負担がかかるからです。


windows の場合
(Mac の場合=画像の上でプレス→画像をディスクにダウンロード。Macはこれ以上
  わかりません。スイマセン。)


①バナーの画像をまず右クリックしましょう
 すると 上の方に「名前を付けて画像を保存」と言うのが表示されると思います。
  それを選択します。


②すると、ウィンドウが開き下の方に ファイル名などが表示されると思います。
  そして保存場所を(マイドキュメントなど)指定し、保存したい場所を選んで
  右下の「保存」キーを押します。これであなたのPCに保存されました。


③次にアップロードします。ファイルマネージャー(管理人の場合FC2.comで
  FTPソフトを持っていなくても、ブラウザ上でファイルをアップロードすることが
  出来ますので、HP作成初心者の方にもおすすめです。)を開きアップロードを
  クリックします。
  すると参照って言うのがあると思います。それをクリックすると、
  あなたがバナーを保存したファイルが開くのでアップロードしたい物を選択し、
  開くをクリックしましょう。
  ファイルマネージャーに戻って みるとあなたの選択したバナーが
 (例えば bana_s.gif) であるとします。
  それを右クリックしてプロパティーを選択し あなた専用のバナーURLを取得して
  ください。
  例えば http://sunplanner.saikyou.biz/nengu/img/bana_s.gif


   <A href="http://abcdefg.com/" target="_blank"><IMG src=
   "img/9988.gif" width="88" height="31" border="0"></A>


   バナー画像(bana_s.gif)は、ページと違うフォルダ、imgフォルダに保存しています。


こんな感じでよろしいでしょうか?


あと、いろいろと工夫したい場合はHTMLの本など参考にしてがんばってください。



■初心者向けホームページ作成支援
http://siriasu.s10.xrea.com/index.html


■http://search.yahoo.co.jp/ で「バナーの貼り方」を入力して検索すれば
関連サイトが多数ヒットするでしょう。



★わからないことがありましたら、ご覧いただいているサイト管理者に
お問合せください。

スポンサーサイト
コメント
この記事へのコメント
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://zero987.blog103.fc2.com/tb.php/7-9fadf280
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。