ブログ アクセスアップ アメブロ~Twitter やり方&方法 ホーム » スポンサー広告 » ブログ アクセスアップ いろんな やり方&方法  »アメブロで、画像の横に、文字、文章を書くやり方&方法

スポンサーサイト  

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




★ブログ アクセスアップ サイトマップTOP>>
★ブログランキング攻略 アクセスアップ&ランキングアップ|★アメブロ アクセスアップ&ランキングアップ|
★ブログ/アメブロ アクセスアップ やり方&方法|★ブログ アクセスアップ Twitter|
★ブログ アクセスアップ SEO

category: スポンサー広告

tb: --   cm: --

アメブロで、画像の横に、文字、文章を書くやり方&方法  

アメブロアクセスアップ&ランキングアップ

アメブロアクセスアップ HOW TO DO やり方&方法 アメブロで、画像の横に、文字、文章を書くやり方&方法


アメブロって、手をくわえられるところが、少ないけど

やっぱり、ブログの見た目は、いじりたいときもある。

特に、画像をはりつけて、その画像の説明文を書くと、

画像の下に、文章があらわれます。

こんなふうに
   ↓

アメブロ 画像 よこ 文章


でも、どうしても、画像の横に、文章を出したいときがある

こんなふうに
   ↓

アメブロアクセスアップ 画像 よこ 文字


普段は、こんな感じ
   ↓

画像 横 文章
いちご、おいしいよ~
ほんまやで~
アクセスアップするで~

右に、文章を出すと、こんな感じ
   ↓

アメブロ 画像右側 文章いちご、おいしよ~
だまされたと思って
食べとき~



こんなふうに、画像の右横に、文章を書き込めるようにすると

ブログのデザインの幅が広がるでしょ?

アメブロで、説明するね。

アメブロで、同じ画像をアップロードしてブログ記事に表示して、通常表示のとなりのHTML表示をクリックしてみると
        ↓

<p>
<a href="http://stat.ameba.jp/user_images/20130909/20/itigo-whatsup2/bf/98/j/o0120012012678214996.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130909/20/itigo-whatsup2/bf/98/j/o0120012012678214996.jpg" style="width:120px; height:120px; border:none;" alt="アメブロ 画像 よこ 文章" ratio="1" id="1378726936805"></a></p><p>
</p>
   ↑     
これって、画像を意味しています。

深く考えないでください。

画像を表す、コンピュータさんの言葉と思ってください。

これに、画像の右横に、文章をいれる命令文を入れます。
    ↓

 align="left"

このalign="left"

<img scr="から続く半角英数字の最後のところに、挿入します。(alt="画像のタイトル"のほうが、みつけやすいかも♥)
     
    ↓

<p>
<a href="http://stat.ameba.jp/user_images/20130909/20/itigo-whatsup2/bf/98/j/o0120012012678214996.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130909/20/itigo-whatsup2/bf/98/j/o0120012012678214996.jpg" style="width:120px; height:120px; border:none;" alt="アメブロ 画像 よこ 文章" ratio="1" id="1378726936805" align="left"></a></p><p></p>             
  ↑
ここね  

そして、文章を書き始めるところは、

</p>ってあるでしょ?最後の方に、

<P>タグはParagraphの略で、<P>~</P>で囲まれた部分がひとつの段落であることを表します。

知っている人は、説明が要らないだろうから

HTMLがよくわからない人は

 align="left"を入れた後に、

ここに、書きたい文字を入れて

HTML表示から通常表示に戻したら

いつものように、書けるようになります。


<p>
<a href="http://stat.ameba.jp/user_images/20130909/20/itigo-whatsup2/bf/98/j/o0120012012678214996.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130909/20/itigo-whatsup2/bf/98/j/o0120012012678214996.jpg" style="width:120px; height:120px; border:none;" alt="アメブロ 画像 よこ 文章" ratio="1" id="1378726936805" align="left"></a></p>いちごは、おいしい;<p>                          
</p>            ↑
           ここに、書き始めの言葉を入れる

アメブロでは、書き始めの文字を入れたら

HTML表示から通常表示にもどしたら

いつものように、編集できるようになります。

画像の右側に文章を入れる命令の解除には、HTML表示に戻して、最後に <br clear="all">を貼り付けてください。 

HTML表示で、「いちご、おいしいね」を書いた後に、

通常表示にもどすと、こんな感じになります。
      ↓

アメブロ 画像 右側 文章 書き始め

画像の右側に文章を入れる命令の解除には、HTML表示に戻して、最後に <br clear="all">を貼り付けてください。

こんなかんじね
      ↓


<p>
<a href="http://stat.ameba.jp/user_images/20130909/20/itigo-whatsup2/bf/98/j/o0120012012678214996.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130909/20/itigo-whatsup2/bf/98/j/o0120012012678214996.jpg" style="width:120px; height:120px; border:none;" alt="アメブロ 画像 よこ 文章" ratio="1" id="1378726936805" align="left"></a></p>いちご、おいしいね<p>                          
</p><br clear="all">
       ↑
      これね  

  
そして、次の画像も、右側に文章を回り込ませたければ、

同じように、align="left" を先ほどと同じように入れてください。


画像と文字のあいだを開けたければ
       ↓

画像 右側 文章 感覚

スペースがあいたでしょ?

これは、 hspace="20" ← を同じように入れてください。

align="left" と hspace="20"も

入れる場所が、わかりづらければ

alt="画像のタイトル"のあとに、入れてください。

alt="画像のタイトル"は

画像のアップロードするときに、

画像のタイトルを記入するでしょ?

あのタイトルのことです。

難しければ、画像のタイトルの " の後に、挿入って覚えておいてください。

こんなかんじね
   ↓

alt="画像のタイトル" align="left"
              ↑
             これね

最初から、画像と文章のあいだに、スペースを開けたければ
   ↓

alt="画像のタイトル" align="left" hspace="20"
                     ↑
                    これも、いれとく

画像と文字のあいだのスペースの幅を変えたければ


hspace="20"の20をお好きな数字にかえてください。

もちろん、大きくすると幅が大きくなります。

画像 右側 文字 間隔 幅つかれたでしょ?
うそおっしゃい!
つかれたんじゃない?
おいしい
いちごがあるからね

          ↑
        これは、hspace="40" 20を40に変えました。


アメブロアクセスアップも、大変ですね

お疲れ様です。

あっ・・・

画像の左側も、いまから・・・する?

いちごも、つかれたから

左側は align="right" これを入れちゃってください。


ちょっと~ ややこしい~って人は

アメブロに限定して説明しているページを作りました。

アメブロで、画像の右側に、文章を書けるようにするやり方&方法>>
関連記事
スポンサーリンク




★ブログ アクセスアップ サイトマップTOP>>
★ブログランキング攻略 アクセスアップ&ランキングアップ|★アメブロ アクセスアップ&ランキングアップ|
★ブログ/アメブロ アクセスアップ やり方&方法|★ブログ アクセスアップ Twitter|
★ブログ アクセスアップ SEO
ブログ アクセスアップ いろんな やり方&方法 の関連記事

category: ブログ アクセスアップ いろんな やり方&方法 

tb: 0   cm: 2

コメント

リスペクト

初めまして、いちごさん。
ひのまると申します。

以前「アメブロの記事を画像の横に滑り込ませる」の回に
紹介されてる方法で、とても助けられました。

それ以外の記事は見てませんでしたが、
今回「読者登録のボタンカスタマイズ」の回で再開し、
改めて記事を読ませていただきましたが、、、


  「おもろいやんっ、このブログめっちゃためになってエエやんっ!」

言う具合に一気にファンになってしまいました。

ツールの使用についても鋭い突込みがあり、
とても共感が持てました。

僕も道具を使う派ですが、あからさまな使用方法は
絶対に株を落としますよね?

え~、とにかく、また遊びに来て勉強させていただきます。
では、失礼します。


ひのまる #- | URL
2014/12/12 14:21 | edit

ありがと~

そういうこと言われると

がんばろ~ってなります。

うれちぃ~♫

アメブロ がんばってね~♫

いっしょに、がんばろ~

そういえば・・・この頃
アメブロほったらかし・・・

いちご #- | URL
2014/12/12 20:03 | edit

コメントの投稿

Secret

トラックバック

トラックバックURL
→http://itigo3999.blog.fc2.com/tb.php/161-953fe598
この記事にトラックバックする(FC2ブログユーザー)

サイトマップ

カテゴリ

リンク

▲ Pagetop

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