文字の回り込みをうまくするには | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

ご訪問ありがとうございます。
人気ブログランキングの応援
をして頂けると励みになります。

ここをクリックしてくださいね。
ダウンダウン

人気ブログランキングへ



ご購読者の方からご質問を戴きました。



【ご質問】

記事の投稿て、画像は取り込めますが、記事がうまく回り込みません。
どのようにしたら、うまくいくでしょうか?



【私の回答】

文字を画像の右側に回り込みさせてみました。
こういう場合、私は今まで、tableタグとalign属性
を使用していました。
しかし、アメブロでは、簡単に回り込みができる
方法があったんですね。



これをHTMLで入力すると次のようになります。

<table border="0"><tbody><tr><td height="100"><img
src="画像のURL" width="120" height="100" border="0"align="left"></td><td valign="top" height="104">文字を画像の右側に回り込みさせてみました。<br>こういう場合、私は今まで、tableタグとalign属性<br>を使用していました。<br>しかし、アメブロでは、簡単に回り込みができる<br>方法があったんですね。<br></td></tr></tbody></table>





それでは、アメブロでできる簡単な方法でやってみましょう。
まず、画像をアメブロにアップロードしましたか。


1 画像を左に文字を右に回り込みさせる場合


記事の投稿欄で画像ボタンをクリックします。
表示された画面で次のように選択します。

画像の設定


画像を選択して、[この画像を使う]ボタンをクリックします。
そして、この画像の続きに文章を入力します。
すると、次のようになります。


画像を左に文字を右に回り込み画像を左に文字を右に回り込みさせる場合は、
このようになります。
画像を左に文字を右に回り込みさせる場合は、
このようになります。
画像を左に文字を右に回り込みさせる場合は、
このようになります。


ここでのポイントは、最初に画像、次に文章を持ってくることです。
この順序が逆になると、回り込みがうまくできません。



2 画像を右に文字を左に回り込みさせる場合


上記と同様にして、下記のようになりました。


画像を右に文字を左に回り込み画像を右に文字を左に回り込みさせる場合は、
このようになります。
画像を右に文字を左に回り込みさせる場合は、
このようになります。
画像を右に文字を左に回り込みさせる場合は、
このようになります。




このように、タグを知らなくても、簡単にできます。


今回は、以上です。


最後まで読んでいただき、
ありがとうございました。

人気ブログランキングの
応援クリックをお忘れの方は、
ここをクリックしてくださいね。
ダウンダウン

人気ブログランキングへ

クリックして戴けると、
とても励みになります。