ウイルスバスター2009
かんたん相互リンク←随時募集☆
カテゴリ一覧｜ 「ブログと画像加工の便利帳」トップページ｜バナーの貼り方
バナーのＨＴＭＬタグについて
ウェブログランキング28位(^o^)丿 鬼ブログランキング5位(^o^)丿
バナー livedoor Blog関連 HP作成支援
バナーのＨＴＭＬタグは、基本的に、こんな記述になっています。
↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
<a href="トップページのURL" target="_blank">
<img src="画像のURL"></a><A HREF="トップページのURL">
↑
私はいつも、これをコピーしておいて、
ＵＲＬの部分だけコピー＆ペーストして、使っています。
トップページのＵＲＬは、
このブログの場合 http://blog.livedoor.jp/shimomayu0928/ なので、
<a href="http://blog.livedoor.jp/shimomayu0928/" target="_blank">
<img src="画像のURL"></a><A HREF="http://blog.livedoor.jp/shimomayu0928/">
↑
こんなカンジになります。
じゃ、画像のＵＲＬって？
画像がＵＲＬを持つためには、
まず、画像をアップロードする必要があります。
詳しくは、画像をアップロードする方法（livedoor Blog編） を参照ください。
アップロードされたファイルの画像ＵＲＬを確認するには…
管理画面の「ファイルアップロード」を開くと、
アップロードされた画像の一覧が出てきます。
で、このファイル名の上で右クリック。
プロパティを選択します。
この画面で、画像のＵＲＬを確認することができます。
ちなみに、画像ファイル名をＷクリックして開くと、
ＵＰされた画像とＵＲＬを確認することができます。
←こんなカンジ
右クリックが使えないＭａｃでは、
こういうふうに画像を開いてＵＲＬを確認するしかないみたい…
すでにＵＰされた画像の場合は、
画像の上で右クリックしてプロパティを見ると、
画像のＵＲＬを確認することができます。
で、このバナーの画像のＵＲＬは、
http://livedoor.blogimg.jp/shimomayu0928/imgs/1/4/141f9703.gif?blog_id=1346948
↑
このＵＲＬをコピーして、
先ほどの「画像のＵＲＬ」の部分に貼りつけると
<a href="http://blog.livedoor.jp/shimomayu0928/" target="_blank">
<img src="http://livedoor.blogimg.jp/shimomayu0928/imgs/1/4/141f9703.gif?blog_id=1346948"></a><A HREF="http://blog.livedoor.jp/shimomayu0928/">
↑
このタグをコピーして、
記事投稿画面左下の「ＨＴＭＬを確認」にチェックを入れて貼りつけると…
こんなカンジです。
でもこれ、画像のまわりに枠線が出てしまっています。
画像のまわりの枠線を消すには…？
<A href="トップページのＵＲＬ" target=_blank><IMG src="画像のURL" border=0> </A>
<A href="トップページのＵＲＬ" target=_blank></A>
↑
このように、IMGタグの画像ＵＲＬの後に「 border=0 」と入力します。
このタグをコピーして、「ＨＴＭＬタグを確認」にチェックを入れて貼ると…
こんなバナーになります☆
↓↓↓↓↓↓↓↓
←クリックして、動作確認してみてください。
バナー作成に関しては、よろしかったら、下記も参照くださいね。
姉妹ブログ 画像加工の便利帳 
��バナーのHTMLタグの構造
��シンプルで簡単なバナーを作ってみよう！（２）
��シンプルで簡単なバナーを作ってみよう！（１）
相互リンク随時募集！バナーの貼り方について
ブログカスタマイズお役立ち人気ブログ
ブログカスタマイズ・アクセスアップ鬼ブログ
トップへ
