「アフィリエートの画像が表示されない・・・。」
「文字列が出てしまう・・・。」
「文字列が出てしまう・・・。」
というユーザの方が多くいらっしゃいました。
そんな方はこちらをお読みになってください。
※ここではHTMLタグの説明をするために＜img＞などのタグのかっこを大文字で表記しています。実際に記述するときはかっこを小文字で記述してください。
画像を表示させるHTML、IMGタグの説明及びブログマスターでの扱い
WEB上で画像を表示させるには基本的に<img>というhtmlタグを使用します。
<img>タグにはsrcという属性があり、このsrc属性で画像を呼び出します。
ブログマスターではこの<img>タグのsrc属性の書き方に、多少制限があります。
<img>タグを実用的に記述すると下記のようになります。（ここではブログマスターのロゴを呼び出す記述です）
＜img src="http://blog.zmapple.com/pimages/logo.gif" border="0" alt="ブログマスター"＞
■それぞれの属性の意味■
src=""
画像の在り処を記述（上記ではブログマスターのロゴの在り処を書いています）
border=""
画像の縁取りの太さ（０だと縁取り無し）
alt=""
画像にカーソルを合わせたときに出る文 （上記ではブログマスター）
具体的な解決方法
どの<img>タグも基本的に下記のような構成でなりたっていると思います。
ここでは、↓↓下記の<img>を使って説明します。
＜img src="http://blog.zmapple.com/pimages/logo.gif" border="0" alt="ブログマスター"＞
文字列になってしまう<img>タグはsrc属性がimgのすぐあとに記述されていません。
ですので、そのsrc属性をimgのすぐあとに持ってきてあげればきちんと画像が表示されます。
【文字列になってしまうimgタグ】
＜img border="0" alt="ブログマスター" src="http://blog.zmapple.com/pimages/logo.gif"＞
この<img>の中にある
src="http://blog.zmapple.com/pimages/logo.gif"
の部分を<img>内の一番最初に持ってきます。
＜img border="0" alt="ブログマスター" src="http://blog.zmapple.com/pimages/logo.gif"＞
↓↓↓↓↓↓↓↓
＜img src="http://blog.zmapple.com/pimages/logo.gif" border="0" alt="ブログマスター"＞
これで画像が表示できるようになるはずです。
アフィリエートなどで発行される<img>タグも中身は違えども基本的な構成は同じなので、上記の通りに記述してあげればきちんと画像が表示されると思います。
