Blog Master ヘルプ

BlogMasterのヘルプ

ブログマスターヘルプにようこそ!

ブログマスターヘルプでは、ユーザのみなさんがブログマスターをより快適にお使いいただくための情報を載せております。
お求めの情報をカテゴリーなどからお探しください。

尚、ブログマスターヘルプはユーザの皆さんに、より快適にブログマスターをお使いいただけるよう、寄せられたお問い合わせなどから、新しく情報を追加していきますので、分からないこと、疑問に思ったことなどあればお気軽にお問い合わせフォームからお寄せください。

きちんと画像を表示させる方法

2005-10-07
「アフィリエートの画像が表示されない・・・。」
「文字列が出てしまう・・・。」

というユーザの方が多くいらっしゃいました。

そんな方はこちらをお読みになってください。


※ここではHTMLタグの説明をするために<img>などのタグのかっこを大文字で表記しています。実際に記述するときはかっこを小文字で記述してください。


画像を表示させるHTML、IMGタグの説明及びブログマスターでの扱い


WEB上で画像を表示させるには基本的に<img>というhtmlタグを使用します。

<img>タグにはsrcという属性があり、このsrc属性で画像を呼び出します。

ブログマスターではこの<img>タグのsrc属性の書き方に、多少制限があります。

<img>タグを実用的に記述すると下記のようになります。(ここではブログマスターのロゴを呼び出す記述です)

<img src="http://blog.radialfirefish.com/pimages/logo.gif" border="0" alt="ブログマスター">

■それぞれの属性の意味■

src=""
画像の在り処を記述(上記ではブログマスターのロゴの在り処を書いています)

border=""
画像の縁取りの太さ(0だと縁取り無し)

alt=""
画像にカーソルを合わせたときに出る文 (上記ではブログマスター)



具体的な解決方法

どの<img>タグも基本的に下記のような構成でなりたっていると思います。
ここでは、↓↓下記の<img>を使って説明します。
ブログマスター
img src="http://blog.radialfirefish.com/pimages/logo.gif" border="0" alt="ブログマスター">

文字列になってしまう<img>タグはsrc属性がimgのすぐあとに記述されていません。
ですので、そのsrc属性をimgのすぐあとに持ってきてあげればきちんと画像が表示されます。

【文字列になってしまうimgタグ】
img border="0" alt="ブログマスター" src="http://blog.radialfirefish.com/pimages/logo.gif">

この<img>の中にある
src="http://blog.radialfirefish.com/pimages/logo.gif"
の部分を<img>内の一番最初に持ってきます。

img border="0" alt="ブログマスター" src="http://blog.radialfirefish.com/pimages/logo.gif">
↓↓↓↓↓↓↓↓
img src="http://blog.radialfirefish.com/pimages/logo.gif" border="0" alt="ブログマスター">


これで画像が表示できるようになるはずです。
アフィリエートなどで発行される<img>タグも中身は違えども基本的な構成は同じなので、上記の通りに記述してあげればきちんと画像が表示されると思います。
Posted by admin at 17:46:17Comments(0)TrackBack(0)記事を書く
ヘルプメニュー
BlogMasterのTopに戻る

- 新規登録について
-- 会員登録 Step 1
-- 会員登録 Step 2

- ログインについて
-- ログインする

- Blogの管理について
-- Blogを作成する

- 記事の投稿について
-- 記事を投稿する
-- 携帯電話から記事を投稿する
-- 画像をきちんと表示させる方法

- 必ずお読みください
-- ご利用規約
-- プライバシーポリシー

- その他
-- 退会する
blog内検索