● リンクバナーの貼り方 ●
簡単な、リンク用バナーの貼り方の説明です。参考になさって下さい。
バナーは、できるだけダウンロード(ご自身のサーバー、ブログサービス等にアップロード)してお使い下さい。
(サーバーに負担がかかり、当ホームページの表示が遅くなるのをさける為です。ヨロシクお願い致します。)
リンクバナー 一覧ページに戻る
A. バナーをダウンロードする。
バナーをマウスでつかんでドラッグ&ドロップでダウンロードできます。できないときは↓
《Windows》
《Macintosh》
右クリックのないマウスの場合
右クリックのあるマウスの場合
旧型
- 保存したいバナーの上で、右クリックします。
- 「名前をつけて画像を保存」を選択します。
- 保存先を選んで「OK」をクリックします。
- ダウンロード完了です。
《Macintosh》
右クリックのないマウスの場合
- 保存したい画像の上で「Control」キーを押しながら画像をクリックします。
- 「イメージを別名で保存」を選択します。
- 保存先を選んで「保存」をクリックします。
- ダウンロード完了です。
右クリックのあるマウスの場合
- 保存したい画像の上で、右クリックします。
- 「イメージを別名で保存」を選択します。
- 保存先を選んで「保存」をクリックします。
- ダウンロード完了です。
旧型
- 保存したい画像を選んで、長クリックします。
- 「画像を別名で保存」を選択します。
- 保存先を選んで「OK」をクリックします。
- ダウンロード完了です。
B. バナーをアップロードする。
ご自身のサーバー、ホームページ・スペースまたは、ブログサービス・スペースに先ほどダウンロードしたバナーをアップロードして(取り込んで)下さい。
方法は各サービスにより異なるので、ヘルプページなどを参照してみて下さい。
《FTPツール 参考》
-
Windows
- → FFFTP 無料
-
Macintosh os9
- → FTupperWare 無料、商用は有料(自動翻訳ページ)
- → Fetch4.0.3日本語版 シェアウェア
- → Fetch 一覧 シェアウェア
C. リンクのタグを書く。
先ほどアップロードしたバナーをホームページ、ブログに表示させます。
バナーをアップロードした場所(保存先アドレス)を確認します。
確認の仕方は各サービスにより異なります。ヘルプページなどを参照してみて下さい。
タグを書きます。
下記のタグをコピーし、バナーを表示したい所にコピーします。
![]()
![]()
部分「img src="ココ"」に、さきほど確認したバナーのアドレスを記入します。
リンクバナー設置完了です。
あとは各サービスの方法に従って、ページを保存して、公開するだけです!
《タグ》
■ 今いるウィンドウに開くリンクの書き方 [→確認]
■ 新しいウィンドウを開かせるリンクの書き方 [→確認]
■ 今いるウィンドウに開くリンクの書き方 [→確認]
<a href="http://www.passecompose.jp/"><img src="

" alt="フランスアンティーク雑貨"></a>
■ 新しいウィンドウを開かせるリンクの書き方 [→確認]
<a href="http://www.passecompose.jp/" target="_blank"><img src="

" alt="フランスアンティーク雑貨"></a>
![]()
![]()
にバナーの保存先アドレスをご記入下さい。
「alt="フランスアンティーク雑貨"」を入れていただけると嬉しいです。
D. 直リンク用のバナーを使う
アドレス変更予定の無い直リンク用バナーも、ご利用いただけます。
<a href="http://www.passecompose.jp/" title="パッセコンポゼ"><img src="http://www.passecompose.jp/banner.gif" alt="フランスアンティーク雑貨" width="88" height="31" border="0"></a>
<a href="http://www.passecompose.jp/" target="_blank" title="パッセコンポゼ"><img src="http://www.passecompose.jp/banner.gif" alt="フランスアンティーク雑貨" width="88" height="31" border="0"></a>
コチラのバナーのみ、そのままお使い頂けます。枠内のタグをコピーし、ホームページやブログに貼付けるだけでOKです。(バナーの絵柄が予告無しに代わる可能性があります、ご了承下さい。)
「alt="フランスアンティーク雑貨"」を削除しないでいただけると嬉しいです。
(将来、あまりにも負担が大きすぎた場合は、やむなく削除しなくてはならないかもしれません。もし、貴方のリンクしたはずのバナーが表示されなくなってしまったら、再度このページを訪問して下さい。説明、あれば解決法を記載したいと思っています。)
(・◇・)ちょっとだけ解説(・◇・)
<a href="http://www.passecompose.jp/" target="_blank" title="パッセコンポゼ">
<img src="http://www.passecompose.jp/passecompose.gif"
alt="フランスアンティーク雑貨" width="88" height="31" border="0"></a>
<img src="http://www.passecompose.jp/passecompose.gif"
alt="フランスアンティーク雑貨" width="88" height="31" border="0"></a>
target="_blank" はリンクを違うウィンドウで開かせます。これがないと、同じ場所に開かれ、ページ数は増えずに、内容が入れ替わる事になります。現在このタグは非推奨とされています。
title="パッセコンポゼ" はリンクにカーソルが触れると「パッセコンポゼ」と字が浮き出てきます。
alt="フランスアンティーク雑貨" はなんらかの理由でバナーが表示されない時に見える文字です。
width="88" height="31" 内の数字は、表示したい画像のサイズを入れるので、選んだバナーにより変わってきます。
border="0"はバナーのまわりにリンク特有の枠を付けないために書きます。
お使いのブログサービスやテンプレートによっては、必要がない時もあります。最近はstyle="border:none;"の方が良いとされています。
お使いのブログサービスやテンプレートによっては、必要がない時もあります。最近はstyle="border:none;"の方が良いとされています。

ライフスタイル
フランス
ハンドメイド
キッズ
インターネット
相互リンク
べんり!
中目黒・恵比寿・代官山
ブログ
ドール
アート

