スポンサーサイト

--/--/-- --:-- | カテゴリ:スポンサー広告

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

アフィリエイト商品配置③ 画像に文字回り込み

2006/03/27 21:05 | カテゴリ:未分類 | コメント (2) | トラックバック (0)

アフィリエイト商品を紹介する時、画像に文字を回り込ませる方法があります。
使い方によっては、かなりかっこよくなります。
最初にimgタグに属性を追加するやり方です。 imgタグに回り込み属性を追加することは簡単にできます。
alignという属性を付け加えればいいのです。

使用例
<img align="left" ~ > 紹介文 <br clear="all">

上のタグ内容では、左:画像、右:紹介文となります。
alignの要素は、right、top、middle、bottomなどがあります。

alignはtableタグと違い、文章のあふれ部分は画像下に回りこみます。長い紹介文となった時は、tableタグは下に同幅で流れていくので、見た目ではalignの方に分があると思います。

また、tableと違い、SEO的にもよいようです。(多分、htmlソースが簡略化されるからでしょう。)
画像と文字に間隔を空けたい場合は、hspaceやvspace、style属性でmarginなどを与えてやるといいでしょう。


おすすめ例を作るとこのような感じになります。テストですので、小画像に長文と言うスタイルを用いてみました。全体にwidthをdivタグで加えています。imgタグにはhspace="30"で左右30pxの間隔を加えました。回り込みの状態をかくにんできますよね



アフィリエイト商品画像の場合はimgタグの改変となります。A8netを例にすると、コードの改変に関しては、規約違反で該当広告主に確認してくださいとのことですので、注意しましょう。
スポンサーサイト

<< アフィリエイト商品配置④ スタイルシート活用 | ホーム | アフィリエイト商品配置② 表tableを使う >>


コメント

アフィリエイトっていいですよね!
お勧め情報紹介してますので、
よかったら遊びにきてください。
http://blog.livedoor.jp/junerain63/
http://junerain.blog50.fc2.com/


JuneRainさん、いらっしゃい

商品紹介するの楽しいですよね。売れるかどうかはともかくw
自分のためにもなりますしねi-236

コメントの投稿


管理者にだけ表示を許可する

 BLOG TOP 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。