▼ 画像の横に文章を
物販サイトなんかでよく使われる手法です。
画像の横に文章を回り込ませるタグを紹介しますね。
知ってる方も多いと思われますが＾＾；
画像の横に文章を回り込ませるタグを紹介しますね。
知ってる方も多いと思われますが＾＾；
マイカーです
マイカーです
マイカーです
しつこいですね
うるさいですね
画像が私の車ですいません
マイカーです
マイカーです
しつこいですね
うるさいですね
画像が私の車ですいません
このように、画像の右側に文章が回り込んでるのを見た事ありますよね？
商品なんかを紹介するのに、効果的でしかもこれを何個も縦に並べると
整理された見やすい紹介記事になると思います。
では、どんなタグを打ち込めばこうなるのか？
＜div style＞〜〜〜＜/div＞
これを使います。
見た事ありますよね。
ちょっと長いので、何かにメモしておいて下さい。
（＜＞は実際には半角で）
＜div style="float:left;"＞＜img src="画像ＵＲＬ" border="0"＞＜/div＞
画像をリンクさせたい場合は
＜div style="float:left;"＞＜a href="リンクＵＲＬ"＞
＜img src="画像ＵＲＬ" border="0"＞＜/a＞＜/div＞
と、して下さい。
画像が表示されましたよね？
では、次は右側に紹介文を配置してみましょう。
上記のタグのすぐ後に
＜div style="float:left;padding-left:5px;"＞紹介文＜/div＞
＜div style="clear:both;"＞＜/div＞
と、打ち込んで下さい。
ここまでやると、画像の横に紹介文が見えますよね？
説明ヘタで、分かりにくいと困るので・・
実際に上記の画像＆紹介文のタグを見ましょう。
＜div style="float:left;"＞＜a href="リンクＵＲＬ"＞＜img src="http://blog-imgs-18.fc2.com/a/e/8/ae8586/2005offae8602s.jpeg" border="0"＞
＜/a＞＜/div＞＜div style="float:left;padding-left:5px;"＞マイカーです
マイカーです
マイカーです
しつこいですね
うるさいですね
画像が私の車ですいません
＜/div＞
＜div style="clear:both;"＞＜/div＞
と、こう打ち込みました。
画像をリンクさせたい方は赤文字を追加して下さい。
要は画像ごとリンクタグで囲んでしまうのです。
タグ中の５ｐｘは、画像と文章の空白です。
数字を多くすると、空白も大きくなります。
色々変えて、シックリくる空白にしてみて下さいね。
もしわからなかったら、コメント欄にお願いします。
可能な限りお答えしますので。
クリックで私、炸裂します！！
FC2 Blog Ranking
人気Blogランキングへ
|
■カテゴリー一覧 ※アフィリエイトサイト ※ポイントＧＥＴで即換金！ ※リードメールマンセー！ ※考察＆やってみた ※収入報告 ※ブログランキング |
■新着エントリー ・07-22 ※ＣＳＳをいじってみる ・07-18 ※お詫び ・07-13 ※無料アフィリ自動生成ツール ・07-12 ※画像の横に文章を ・07-10 ※バナーを作ってみよう ・07-10 ※写真素材をたずねて三千里 ・07-09 ※動作を高速化しようじゃないか ・07-07 ※ＩＮＤＥＸの作り方 ・07-07 ※苦節１２時間・・ ・07-05 ※設置完了 ・07-01 ※３日で出来ちゃうんですよ〜！！ ・06-28 ※やっぱりＣＲＯＳＳ−Ａですよね ・06-20 ※久々に本人ＯＫ案件 ・06-19 ※コムズンで利益が上がる理由（と書いてワケと読む） ・06-17 ※ついに当ブログにも ・06-15 ※ちょこっとリニューアル ・06-14 ※ノウハウと戦略 ・06-11 ※アップさん募集に参加であります ・06-08 ※秘密屋の秘密は秘密です ・06-07 ※さよならアドセンス ・06-06 ※素晴らしいブログ ・06-04 ※これだけ収入ありました ・05-13 ※ファンケル製品第４の使者 ・05-12 ※大阪への旅〜ＵＳＪ〜パート２ ・05-10 ※大阪への旅〜ＵＳＪ〜 ・05-03 ※アクセスＵＰを考えてみる ・04-30 ※ファンケル製品第３の刺客 ・04-28 ※報酬効率を格段に上げるサイトの作り方 ・04-23 ※ファンケル製品第２段放出！！ ・04-21 ※お試し案件乱発〜！！ |
この記事へのコメント
写真があると訪問者にとって分かりやすいからいいですね
私もできるだけ写真を入れるようにしています
応援ポチ
私もできるだけ写真を入れるようにしています
応援ポチ
はじめまして♪ランキングから来ました。
私もお小遣いブログやってます。
回り込みだと見やすくて良いですね。
また遊びに来ますね。
私もお小遣いブログやってます。
回り込みだと見やすくて良いですね。
また遊びに来ますね。
この記事、人気アルでしょー＾＾
こういう記事は大好きです！
暑かったけど、夕立になり、少し涼しくなったかな？？
こういう記事は大好きです！
暑かったけど、夕立になり、少し涼しくなったかな？？
バンビーナさん
mori-pです。
画像の周りに文字を書くタグって、忘れがちで、結構、使わずにいました、記事コピペして、メモ帳に保存しときます。
バンビーナさんの愛車って、８６ですか？
シブイですね〜
なつかしいです。
応援ぽち
mori-pです。
画像の周りに文字を書くタグって、忘れがちで、結構、使わずにいました、記事コピペして、メモ帳に保存しときます。
バンビーナさんの愛車って、８６ですか？
シブイですね〜
なつかしいです。
応援ぽち
おぉ〜説明がうまうまですなぁ〜^^
かぁちゃんはこのテクを時々使うけど
うちのブログじゃあまり画像使わないしなぁ〜
バナー以外で使ったのこないだの「マウスマメ」が初めてだったし（笑）
ほな応援していきますわぁ〜凸♪
かぁちゃんはこのテクを時々使うけど
うちのブログじゃあまり画像使わないしなぁ〜
バナー以外で使ったのこないだの「マウスマメ」が初めてだったし（笑）
ほな応援していきますわぁ〜凸♪
バンビーナさん
スージーです。
ナイスタイミングですよ！
これやろうと思ってったところｄす。
調べずにすみました（笑）
ぽち
スージーです。
ナイスタイミングですよ！
これやろうと思ってったところｄす。
調べずにすみました（笑）
ぽち
やっぱり、説明が面白い！！！（笑）
バンビーナさん、好き！！ポチ☆
バンビーナさん、好き！！ポチ☆
前からこれがしたかったんです！！
ここでは本当に知りたい情報が記事にされていてすっごい参考になります。
ありがとうございます。
では応援ポチッ♪
ここでは本当に知りたい情報が記事にされていてすっごい参考になります。
ありがとうございます。
では応援ポチッ♪
わぁ〜これ知りたかったのぉ〜
記事に写真とか入ってると
縦長になっちゃうから出来ないのかなぁ〜と思って
調べたことあるけど、検索出来なくてぇ〜
これスッゴイ助かります（マヂで
）
☆⌒（●ゝω・）ｂありま��.｡.:*･ﾟ☆
近いうちに絶対使わせてもらいますぅ
応援o(*'▽'*)/☆ﾟ'･:*☆
記事に写真とか入ってると
縦長になっちゃうから出来ないのかなぁ〜と思って
調べたことあるけど、検索出来なくてぇ〜
これスッゴイ助かります（マヂで
）☆⌒（●ゝω・）ｂありま��.｡.:*･ﾟ☆
近いうちに絶対使わせてもらいますぅ
応援o(*'▽'*)/☆ﾟ'･:*☆
おはようございます。
アフィリ＠仙波屋です。
応援ありがとうございます。
アフィリ＠仙波屋です。
応援ありがとうございます。
ご訪問ありがとうございます！
相互リンクＯＫですよ〜☆
こちらはリンク済みです。
今はお仕事前で時間がないので、
帰宅後またおうかがいしますね！
相互リンクＯＫですよ〜☆
こちらはリンク済みです。
今はお仕事前で時間がないので、
帰宅後またおうかがいしますね！
おはようございます、よしちゃんです(≧∇≦)
俺っちもこの方法知りたかったっす！
むしろ、こーゆータグ使わなくても、
文章が画像の横に来るもんだと思ってたし（￣□￣；）
いい情報ありがとうございます！
応援ポチ！
俺っちもこの方法知りたかったっす！
むしろ、こーゆータグ使わなくても、
文章が画像の横に来るもんだと思ってたし（￣□￣；）
いい情報ありがとうございます！
応援ポチ！
このような情報助かるでございますよヽ(*^^*)ﾉ
拙者はまだタグ打ちひよっ子でございます
応援!!
拙者はまだタグ打ちひよっ子でございます
応援!!
いつも有難うございます。
あ〜 この方法知りたかったんですよぉ。
なるほどぉ、意外と簡単にできちゃうんですね。
驚きです。
あ、「死霊の盆踊り」ってどこかで聞いたことあります。
随分、前の作品ですよね。 夏はホラー映画かなぁ。。
では、またきまぁす 応援♪
あ〜 この方法知りたかったんですよぉ。
なるほどぉ、意外と簡単にできちゃうんですね。
驚きです。
あ、「死霊の盆踊り」ってどこかで聞いたことあります。
随分、前の作品ですよね。 夏はホラー映画かなぁ。。
では、またきまぁす 応援♪
バンビーナさん、どうも！
林です。
こういう情報を沢山提供していく
ブログっていいですよね。
では、応援！
林です。
こういう情報を沢山提供していく
ブログっていいですよね。
では、応援！
こんばんは
元祖サラリーマンです
コメント有難うございます
確かに
コツコツ稼ぎたいですが
やはり効率よくやりたいですね
また 遊びに来てください
応援のぽちっとな！
元祖サラリーマンです
コメント有難うございます
確かに
コツコツ稼ぎたいですが
やはり効率よくやりたいですね
また 遊びに来てください
応援のぽちっとな！
コメありがとうございました。
画像入れるといきなり左揃えになっちゃうんですよね〜
style="float:left;でも、回り込みするんですね、なるほどです。
参考にさせていただきますね♪
応援ぽち
画像入れるといきなり左揃えになっちゃうんですよね〜
style="float:left;でも、回り込みするんですね、なるほどです。
参考にさせていただきますね♪
応援ぽち
コレは絶対に知りたい人いますよね！！私も以前分からなくて色々探しましたもん^^
バナーは今は必要ないのでまた必要な時、是非、ご指導下さい＾＾
お気遣いに感謝です☆
バナーは今は必要ないのでまた必要な時、是非、ご指導下さい＾＾
お気遣いに感謝です☆
この記事のトラックバックURL
http://ae8586.blog52.fc2.com/tb.php/81-1d6a4de1
この記事にトラックバックする(FC2ブログユーザー)
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック