リンク集を作ってみよう!〜バナー表示編〜
ヤプサポ!センターhttp://yaplog.jp/support/
内の
2006年08月02日(水)の記事
リンク集を作ってみよう!〜バナー表示編〜
http://yaplog.jp/support/archive/6
をそのまま転載しています
*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*:..。o○☆*:..。o○☆゚・:,。*
ヤプログ!をご利用いただきましてありがとうございます。
ヤプサポ!です。
今回はこちらのバナーをサイドバーに表示させてみたいと思います。
サイドバーに機能などを追加する時には、『サイドバーに画像を表示させてみよう!』で解説していますが、
マイページにログイン後、サイドバー編集機能追加・編集へ移動します。
HTML記入欄にはHTMLソースをそのままコピー&ペーストしてください。
バナーを表示させる際のHTMLソースはコチラから。
HTMLソース内の■〜■で囲まれている箇所を変更します。
ヤプサポ!センターで表示している内容は青文字で表示しております。
<td
class="side_title">■サイドバータイトル■</td>
<td
class="side_title">ヤプログ!</td>
<div
align="center"><a href="■リンク先URL■"target="_blank">
<div
align="center"><a href="http://www.yaplog.jp/"target="_blank">
画像については『サイドバーに画像を表示させてみよう!』の記事をご参照ください。
上記項目を入力いただき、HTMLソースが完成しましたら保存してください。
また、応用としてコチラの様にバナーリンク集としても表示させる方法をご案内いたします。
コチラのHTMLソース中のコチラを上記と同様に■〜■で囲まれている箇所を変更します。
<a href="■リンク先URL■"target="_blank"><img src="■画像URL■"
width="■画像の幅■" height="■画像の高さ■" border="0"
alt="■カーソルを画像の上に持ってきたときに表示される言葉■"></a><br>
表示させたいバナーをそれぞれ上記と同様に変更します。
変更いただいた上記のHTMLソースを、表示させたいバナーの数だけコチラの様に挿入します。
HTMLソースが完成しましたら保存します。
新機能として追加されますので機能選択・並び替えで使用する機能でブログに表示させたい場所へ設置してください。
なお、HTMLに関するお問い合わせはサポート対象外となっております。ご質問いただきましてもお答えできませんのでご了承ください。
今後ともヤプログ!をよろしくお願いいたします。