バナー・リンクの貼り方

このホームページでも沢山使っているバナー画像をクリックするとリンク先にジャンプするバナーの設置方法を教えたいと思います。

①バナー画像を用意します。

バナーの一般的なサイズは

横:88px × 縦:31px

横:120px × 縦:90px

横:120px × 縦:60px

横:120px × 縦:240px

横:300px × 縦:250px

横:250px × 縦:250px

横:240px × 縦:400px

横:300px × 縦:600px

などになりますが、貼りつける場所の幅に合わせてもらえれば良いと思います。

②画像をどこかにアップロードします。

このホームページの場合はバナーで使用する画像は隠しページに貼りつけていますが、画像のURLを取得できる所(ブログなどでもok)ならばどこでも構いません。

③画像のURLを取得します。

アップロードした画像の上で右クリック「画像のURLをコピー」でクリックして、テキストなどにペーストしておいて下さい。

④タグに必要事項を入力する。

<a href="リンク先のURL"><img src="バナー画像のURL" /></a>というタグのリンク先のURLと、バナー画像のURLを入力します。

テキストに上のタグをコピペして赤文字の部分をコピーしてきてペーストで書き換えると楽だと思います。

⑤バナーを設置する。

JIMDOの場合は「ウィジェット/HTML」をクリックして④のコードをコピペして貼り、保存でokです。

アメーバブログの場合、サイドバーに表示させたい時は、プラグイン→フリープラグインにコピペすればokです。

バナーが左寄りに表示されるのでサイズ設定が難しいですが、ブログ本文にバナー画像リンクを入れたい場合は、ブログを書く(通常表示)で書いていき、バナー画像を入れたいところで下の「HTML表示」にして④のコードを貼りつけします。

もう文章を書かないのであれば公開でokです。

その後に文章を書きたい時は「通常表示」に戻して書いてください。


コメントをお書きください

コメント: 1
  • #1

    西馬徹夫 (木曜日, 27 10月 2022 11:40)

    バナー用の画像を作ったのですが、それをFacebookに貼り付けて、画像をクリックすると、他のホームページに飛ぶようにしたいのですが、やり方が解りませんので、教えていただけませんか。
    下記メール宛に送って頂ければ助かります。

    uma@ab.auone-net.jp