素人がどこまでやれる?年金暮らしをテーマに繰り広げられる愛と感動のスペクタクルファンタジー大巨編!

初心者の方が真似してくれるようなブログにしたいと思ってます!!みなさん、応援よろしく!!


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

クリックで私、炸裂します!!

FC2 Blog Ranking

人気Blogランキングへ

物販サイトなんかでよく使われる手法です。

画像の横に文章を回り込ませるタグを紹介しますね。
知ってる方も多いと思われますが^^;


マイカーです
マイカーです
マイカーです
しつこいですね
うるさいですね
画像が私の車ですいません


このように、画像の右側に文章が回り込んでるのを見た事ありますよね?

商品なんかを紹介するのに、効果的でしかもこれを何個も縦に並べると
整理された見やすい紹介記事になると思います。


では、どんなタグを打ち込めばこうなるのか?

<div style>~~~</div>

これを使います。
見た事ありますよね。

ちょっと長いので、何かにメモしておいて下さい。
(<>は実際には半角で)

<div style="float:left;"><img src="画像URL" border="0"></div>

画像をリンクさせたい場合は
<div style="float:left;"><a href="リンクURL">
<img src="画像URL" border="0"></a></div>

と、して下さい。


画像が表示されましたよね?

では、次は右側に紹介文を配置してみましょう。
上記のタグのすぐ後に

<div style="float:left;padding-left:5px;">紹介文</div>
<div style="clear:both;"></div>
と、打ち込んで下さい。


ここまでやると、画像の横に紹介文が見えますよね?

説明ヘタで、分かりにくいと困るので・・
実際に上記の画像&紹介文のタグを見ましょう。

<div style="float:left;"><a href="リンクURL"><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>


と、こう打ち込みました。

画像をリンクさせたい方は赤文字を追加して下さい。
要は画像ごとリンクタグで囲んでしまうのです。

タグ中の5pxは、画像と文章の空白です。
数字を多くすると、空白も大きくなります。
色々変えて、シックリくる空白にしてみて下さいね。

もしわからなかったら、コメント欄にお願いします。
可能な限りお答えしますので。
スポンサーサイト

クリックで私、炸裂します!!

FC2 Blog Ranking

人気Blogランキングへ
カテゴリー一覧
 ※アフィリエイトサイト
 ※ポイントGETで即換金!
 ※リードメールマンセー!
 ※考察&やってみた
 ※収入報告
 ※ブログランキング
新着エントリー
 ・07-22  ※CSSをいじってみる
 ・07-18  ※お詫び
 ・07-13  ※無料アフィリ自動生成ツール
 ・07-12  ※画像の横に文章を
 ・07-10  ※バナーを作ってみよう
 ・07-10  ※写真素材をたずねて三千里
 ・07-09  ※動作を高速化しようじゃないか
 ・07-07  ※INDEXの作り方
 ・07-07  ※苦節12時間・・
 ・07-05  ※設置完了
 ・07-01  ※3日で出来ちゃうんですよ~!!
 ・06-28  ※やっぱりCROSS-Aですよね
 ・06-20  ※久々に本人OK案件
 ・06-19  ※コムズンで利益が上がる理由(と書いてワケと読む)
 ・06-17  ※ついに当ブログにも
 ・06-15  ※ちょこっとリニューアル
 ・06-14  ※ノウハウと戦略
 ・06-11  ※アップさん募集に参加であります
 ・06-08  ※秘密屋の秘密は秘密です
 ・06-07  ※さよならアドセンス
 ・06-06  ※素晴らしいブログ
 ・06-04  ※これだけ収入ありました
 ・05-13  ※ファンケル製品第4の使者
 ・05-12  ※大阪への旅~USJ~パート2
 ・05-10  ※大阪への旅~USJ~
 ・05-03  ※アクセスUPを考えてみる
 ・04-30  ※ファンケル製品第3の刺客
 ・04-28  ※報酬効率を格段に上げるサイトの作り方
 ・04-23  ※ファンケル製品第2段放出!!
 ・04-21  ※お試し案件乱発~!!

コメント
この記事へのコメント
Google VS YST
Googleの検索サイト。GOOGLE JAPAN、GOOGLE 地図、GOOGLE ツールバー、GOOGLE EARTH、GOOGLE VIDEOなどGoogleに関する各種情報をお届けしています。 http://namacha.stuartmembery.com/
2008/08/25(月) 16:46 | URL | #-[ 編集]
承認待ちコメント
このコメントは管理者の承認待ちです
2008/08/25(月) 04:35 | | #[ 編集]
写真があると訪問者にとって分かりやすいからいいですね
私もできるだけ写真を入れるようにしています

応援ポチ
2006/07/13(木) 20:30 | URL | ラッキー@ライブドアブログアフィリエイト #-[ 編集]
はじめまして!
はじめまして♪ランキングから来ました。
私もお小遣いブログやってます。
回り込みだと見やすくて良いですね。
また遊びに来ますね。
2006/07/13(木) 16:04 | URL | おこづかいネット ゆう #Ytk3Wfxk[ 編集]
ほらほら・・
この記事、人気アルでしょー^^
こういう記事は大好きです!
暑かったけど、夕立になり、少し涼しくなったかな??
2006/07/13(木) 15:52 | URL | 大家族ママ ruru♪ #-[ 編集]
超簡単ブログで収入!私にも出来た♪ウハウハ!アフィリエイト塾!!
バンビーナさん

mori-pです。

画像の周りに文字を書くタグって、忘れがちで、結構、使わずにいました、記事コピペして、メモ帳に保存しときます。

バンビーナさんの愛車って、86ですか?
シブイですね~

なつかしいです。

応援ぽち
2006/07/13(木) 13:43 | URL | mori-p #uWNm4wXk[ 編集]
毎度っす~(*^▽^*)
おぉ~説明がうまうまですなぁ~^^
かぁちゃんはこのテクを時々使うけど
うちのブログじゃあまり画像使わないしなぁ~
バナー以外で使ったのこないだの「マウスマメ」が初めてだったし(笑)

ほな応援していきますわぁ~凸♪
2006/07/13(木) 13:26 | URL | かぁちゃん #-[ 編集]
バンビーナさん

スージーです。

ナイスタイミングですよ!

これやろうと思ってったところdす。

調べずにすみました(笑)

ぽち
2006/07/13(木) 13:19 | URL | 情報起業で稼ぐ!元宣伝マンの超 #-[ 編集]
ウケてますっ・・
やっぱり、説明が面白い!!!(笑)
バンビーナさん、好き!!ポチ☆
2006/07/13(木) 11:51 | URL | いちご #YhxRTNrk[ 編集]
前からこれがしたかったんです!!
ここでは本当に知りたい情報が記事にされていてすっごい参考になります。
ありがとうございます。
では応援ポチッ♪
2006/07/13(木) 10:45 | URL | バボちゃん2号 #-[ 編集]
(*^▽^)ノコンチャ!
わぁ~これ知りたかったのぉ~v-10
記事に写真とか入ってると
縦長になっちゃうから出来ないのかなぁ~と思って
調べたことあるけど、検索出来なくてぇ~v-25
これスッゴイ助かります(マヂでv-237
☆⌒(●ゝω・)bありま㌧.。.:*・゚☆
近いうちに絶対使わせてもらいますぅv-20

応援o(*'▽'*)/☆゚'・:*☆v-347
2006/07/13(木) 09:44 | URL | ネット収入ステーション☆あり #SFo5/nok[ 編集]
おはようございます。
アフィリ@仙波屋です。

応援ありがとうございます。
2006/07/13(木) 08:40 | URL | アフィリ仙波屋 #-[ 編集]
おはようございます☆
ご訪問ありがとうございます!
相互リンクOKですよ~☆
こちらはリンク済みです。
今はお仕事前で時間がないので、
帰宅後またおうかがいしますね!
2006/07/13(木) 07:06 | URL | shizchan #gXhFrpkY[ 編集]
おはようございます、よしちゃんです(≧∇≦)

俺っちもこの方法知りたかったっす!

むしろ、こーゆータグ使わなくても、

文章が画像の横に来るもんだと思ってたし( ̄□ ̄;)

いい情報ありがとうございます!

応援ポチ!
2006/07/13(木) 06:46 | URL | 激烈!!ネットで稼ぐ&役立つ情 #-[ 編集]
このような情報助かるでございますよヽ(*^^*)ノ

拙者はまだタグ打ちひよっ子でございます

応援!!
2006/07/13(木) 02:45 | URL | アフィリエイトの達人 忍者です #-[ 編集]
こんばんは
いつも有難うございます。
あ~ この方法知りたかったんですよぉ。
なるほどぉ、意外と簡単にできちゃうんですね。
驚きです。

あ、「死霊の盆踊り」ってどこかで聞いたことあります。
随分、前の作品ですよね。 夏はホラー映画かなぁ。。

では、またきまぁす 応援♪
2006/07/13(木) 01:26 | URL | けんすた #-[ 編集]
バンビーナさん、どうも!
林です。

こういう情報を沢山提供していく
ブログっていいですよね。

では、応援!
2006/07/13(木) 00:15 | URL | お小遣い稼ぎの達人!ネットで副収入 #XJD69SSo[ 編集]
こんばんは
元祖サラリーマンです
コメント有難うございます

確かに
コツコツ稼ぎたいですが
やはり効率よくやりたいですね

また 遊びに来てください
応援のぽちっとな!
2006/07/12(水) 23:58 | URL | 元祖サラリーマン #-[ 編集]
こんばんは^^
コメありがとうございました。
画像入れるといきなり左揃えになっちゃうんですよね~
style="float:left;でも、回り込みするんですね、なるほどです。
参考にさせていただきますね♪

応援ぽちv-48
2006/07/12(水) 22:39 | URL | empireさと #SwY7EssI[ 編集]
こんばんはー
コレは絶対に知りたい人いますよね!!私も以前分からなくて色々探しましたもん^^

バナーは今は必要ないのでまた必要な時、是非、ご指導下さい^^
お気遣いに感謝です☆
2006/07/12(水) 22:30 | URL | 大家族ママ ruru♪ #-[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
http://ae8586.blog52.fc2.com/tb.php/81-1d6a4de1
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。