ものぐさ父さんの子育て

PR

Keyword Search

▼キーワード検索

Profile

ものぐさ父

ものぐさ父

Calendar

Archives

November , 2025
October , 2025
September , 2025
August , 2025
July , 2025
June , 2025
May , 2025
April , 2025
March , 2025
February , 2025

Comments

ものぐさ父 @ Re[1]:楽天ブログ用の簡単写真投稿(05/01) Kero さん >はじめまして。 >受験blog …
Kero @ Re:楽天ブログ用の簡単写真投稿(05/01) はじめまして。 受験blog で探していたら…
音楽教室日記です@ Re:お父さんの離婚10 独立記念日 ー 別居生活開始 ー(03/15 自分のブログの整理をしなければ、と日々…
apple@ 頑張れ! 通りすがりで寄らせて頂いたブログですが…
小山田あつき@ Re:天使のいる教室(02/13) すごく感動しました。 小児がんの子が、教…
Rui++ @ Re:『行動分析学マネジメント(舞田竜宣+杉山尚子)』読了(11/27) はじめまして。 森の声さんのところから遊…
ものぐさ父 @ Re[1]:『行動分析学入門(杉山尚子)』読了(11/26) あき415jpさん >ご存じかもしれませんが…

Favorite Blog

「物語の力(前)」… New! 森の声さん

子育て&自分育て奮… ぽっかりたかべえさん
あのねぇ。おとうさ… oyabakatosanさん
ひなたぼっこ meimei1016さん
3びきのこぶた pooh941さん
Lotus Room Cafe ☆ tommy ☆さん
ひなたぼっこ えみまま310さん
朴念仁半兵衛之閑話 もろ9さん
aaa paintboxさん
Rainbow kids' Engli… gettsu2637さん
May 19, 2007
XML
このブログでアフィリエイト画像にテキストを回り込ませるのに使っているタグをご紹介します。頻繁につかうので、私は「まるぎん」、「まるぎんみぎ」、「ぢぶた」という読みで単語登録して使っています。

アフィリエイト画像(別に普通の画像でも可)を左端に配置する場合


<div style="margin: 0px 10px 0px 0px; float: left;">(私は、「まるぎん」と単語登録しています)

</div>(私は、「ぢぶた」と単語登録しています)
の間に <a href=" で始まるアフィリエイトのタグや <img で始まる画像のタグを置きます。この後に続けて文章を書けば画像が文章の左に配置されてそれを回り込むように文章が配置されます。画像と文章の間の間隔は、上・右・下・左の順番で margin: の後の px の数値を変更すれば変わります(数値を大きくすると間隔が広くなります)。

アフィリエイト画像(別に普通の画像でも可)を右端に配置する場合


もうお分かりかもしれませんが、画像を右端に配置したい場合には、
<div style="margin: 0px 0px 0px 10px; float: right;"> <a href=“....>・・・</a> </div>(太字の部分にアフィリエイトの画像タグなどをコピーして下さい)
とするだけです。


HTML のタグなんて難しくてよくわからないという人も、以上のように単語登録しておくと、
  1. 「まるぎん」と入力後
  2. 上記タブに変換して、
  3. アフィリエイトのページからコピーしてきた【HTMLソース】をペーストし、
  4. その後に「ぢぶた」と入力後
  5. </div>に変換させる
だけで、回り込みのためのタグの入力が完了します。なお、回り込ませるテキストが短い場合には、<br clear=all>というタグをテキストの終わりに挿入して回り込みを終了させておく必要があるので、ご注意下さい。

* ちなみに他に単語登録しておくと便利なタグをあげておくと
<a href=" : 「りんくる」
"></a> : 「りんくた」
<blockquote> : 「いんようる」
</blockquote> : 「いんようた」
なども登録しておくと便利です。


Example


実際の例をあげてみましょう。
かわいそうなぞう 』という本のアフィリエイト画像です。かわいそうなぞうは土家由岐雄作のノンフィクション童話です。絵本や紙芝居として出版されています。1968年から2002年の35年に渡り、毎年8月15日の終戦記念日にTBSラジオ「秋山ちえ子の談話室」で秋山ちえ子により朗読されていた事でも知られているそうで、2005年までの発行部数は220万部を超えるという大ベストセラーです。

楽天アフィリエイトで『 かわいそうなぞう 』を検索していただくとわかりますが、画像の【HTMLソース】として指定される画像タグは以下の通りです。

<a href="http://hb.afl.rakuten.co.jp/hgc/01d21791.25f27f06.039bc4d0.9cef0923/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fbook%2f1059361%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fbook%2fi%2f10769893%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f3230%2f32303301.jpg%3f_ex%3d80x80&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f3230%2f32303301.jpg%3f_ex%3d64x64" border="0"></a>


この画像に文章を回り込ませるには、以下のように記述するだけです。実際に前の段落がどうきじゅつされているかを以下にお示しします(ただし、『かわいそうなぞう』の部分はリンクをはずしています)。

<div style="margin: 0px 10px 0px 0px; float: left;"><a href="http://hb.afl.rakuten.co.jp/hgc/01d21791.25f27f06.039bc4d0.9cef0923/?pc=http%3a%2f%2fitem.rakuten.co.jp%2fbook%2f1059361%2f&m=http%3a%2f%2fm.rakuten.co.jp%2fbook%2fi%2f10769893%2f" target="_blank"><img src="http://hbb.afl.rakuten.co.jp/hgb/?pc=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f3230%2f32303301.jpg%3f_ex%3d128x128&m=http%3a%2f%2fthumbnail.image.rakuten.co.jp%2f%400_mall%2fbook%2fcabinet%2f3230%2f32303301.jpg%3f_ex%3d80x80" border="0"></a></div>左の写真は、『かわいそうなぞう』という本のアフィリエイト画像です。かわいそうなぞうは土家由岐雄作のノンフィクション童話です。絵本や紙芝居として出版されています。1968年から2002年の35年に渡り、毎年8月15日の終戦記念日にTBSラジオ「秋山ちえ子の談話室」で秋山ちえ子により朗読されていた事でも知られているそうで、2005年までの発行部数は220万部を超えるという大ベストセラーです。


どうですか?そんなに難しくないと思います。他にもテーブルタグを使う方法もあるのですが、私はこちらの方が使いやすいと思います。
どうぞお試しあれ。


楽天プレミアムカード

航空会社マイレージプログラムの

ラウンジが毎回無料で使える!!


275 以上の都市、90 以上の国や地域で 500 ヵ所以上の空港ラウンジが利用できる「 プライオリティパス 」が 無料付帯するクレジットカードの中で年会費が最も安い のは 楽天プレミアムカード です。

楽天プレミアムカード&プライオリティパスに関する投稿済み日記






お気に入りの記事を「いいね!」で応援しよう

Last updated  November 27, 2011 06:42:31 PM
コメント(5) | コメントを書く


【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
X

Mobilize your Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: