リンクバナーの貼り方

ファンブログカスタマイズ：画像編投稿日：2009年06月22日 20:21

ファンブログ　カスタマイズ

画像の保存方法や保存した画像のアドレス：（URL）の見つけ方を説明しましたので、今回は基本的なリンクバナーのタグの記述方法を紹介します。 ※単純に画像を設置したい場合はこちらの記事の記述をお試しください。

・文字の横にアイコンを表示させる方法

・画像の幅（width）や高さ（height）を指定する方法

実際にバナーを貼る場合は、必ずサイトさんのルールに則って貼りつけをしてくださいね。

サイトさんによっては、いたれりつくせりでタグもお持ち帰りできるようなところもありますが、ない場合はバナー（画像）を貼っただけでは、リンク先にジャンプしませんので、自分でHTMLタグを記述する必要があります。

・ファンブログの画像の保管場所の仕組みを知ろう！

・保存した画像のアドレス：（URL）の見つけ方

上記記事を参考にバナーの画像の保存、保存先のアドレス：（URL）の確認ができましたら、貼りたい項目の「機能編集」を開き次のタグに★～★に該当する項目をいれて完成させてください。

※ 2010年05月19日修正：alt 属性（代替テキスト）だけの記述でしたが、title 属性（ポップアップ）を追記しました。

<a href="★サイトさんのアドレス：（URL）★" target="_blank">
<img src="★保存した画像のアドレス：（URL）★" alt="★サイトさんの名前★" title="★サイトさんの名前★" border="0" /></a>
<br /> ★サイトさんの紹介文★

記述が終わりましたら「保存」をしてから、「自分のブログを確認する」を押して確認してみましょう。

１．指定したバナーが表示されているかどうか確認。
２．バナーの上にマウスカーソルを置いたときに title 属性（サイト名）がポップアップ表示されるかどうか確認。
３．相手先の指定のページにジャンプするか、実際に押して確認してみましょう。

確認作業で問題がなければ、貼り付け完了となります。サイトさんでコメントなどを受け付けているようでしたら、早速そのバナーを使ってコメントされるのもいいかもしれませんね。

３回に分けてお話しましたが、いかがでしたでしょうか？画像の保存先のアドレス：（URL）がわかるといろいろなことができるようになりますので、ぜひ覚えておいてくださいね。

またちょっとした画像についてのお話がありましたら記事をアップします。気長にお待ちください。