このホームページでも沢山使っているバナー画像をクリックするとリンク先にジャンプするバナーの設置方法を教えたいと思います。
①バナー画像を用意します。
バナーの一般的なサイズは
横: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です。
その後に文章を書きたい時は「通常表示」に戻して書いてください。
コメントをお書きください
西馬徹夫 (木曜日, 27 10月 2022 11:40)
バナー用の画像を作ったのですが、それをFacebookに貼り付けて、画像をクリックすると、他のホームページに飛ぶようにしたいのですが、やり方が解りませんので、教えていただけませんか。
下記メール宛に送って頂ければ助かります。
uma@ab.auone-net.jp