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

スポンサーサイト  

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




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

category: スポンサー広告

tb: --   cm: --

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

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


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



前回の説明では、「なんだこいつ、ごちゃごちゃ、書きやがってと非難が沸き起こっている

可能性がございますので、もう一度、アメブロに、特化した

画像の右側に、文字を書くやり方&方法を説明したいと思います。」


最初に、画像アップロードするところから

アメブロで、画像をアップロードするとき、

こんなページになるでしょ?
     ↓

アメブロアクセスアップ 画像 アップロード


アップロードをする画像を選択して、画像の名前をつけるページ。

また、ちょっと 話がそれますが、このタイトル

わりと重要なので、必ず、記入してください。

このタイトルは、ブログ記事に画像をはりつけた時、

のちに、ブログ記事に訪問してくれた人が、カーソルを合わせると

画像のタイトルが表示されますが、

もう一人、大切な人が、このタイトルを見るんです。

その大切な人が、ヤフーさん、グールグさんなどの検索してる機械さんなんです。

いくら、機械が発達しても、ブログ記事に、貼り付けられた画像がなんなのか

機械から見て、なんの画像かわかりまへん

だから、こちらから、画像に名前をつけて、その画像が、なんの画像なのか教えてあげなくてはいけません。

たまに、整理しやすいからか、タイトルを「8月 23日あ」とか「A719」とか

適当なタイトルに、している人がいるけど、あれは、検索SEO的には、不利になります。

クローラー・・いや・・「検索機械さんは、なんじゃ?これっ」ってなってしまいます。

(クローラ (Crawler) とは、ウェブ上の文書や画像などを周期的に取得し、自動的に データベース化するプログラムである)

できるだけ、画像の名前は、検索、SEOにつながるように、

具体的、なおかつ、あなたのブログで検索されたいキーワードに結びつくように記入してください。

ただし、20文字くらいまでに、しておいてね。

ズルい人が、むかし、キーワードを詰め込みまくってズルしたから

詰め込み過ぎると、スパム判定されて、検索から、はじき出されます。

画像のアップロードをしたときに、タイトルとして記入した「キーワード」が

のちに、alt="画像のタイトル"になります。

alt="画像のタイトル" → アップロードしたときの「タイトル」

覚えておいてください。


次に、画像をアップロードして、ブログ記事編集ページに移ります。

アップロードした、画像をいつものように

ブログ記事に、貼り付けてください。
     ↓

アメブロアクセスアップ 画像 タイトル


いつものように、画像をはりつけたら

編集画面の上の「通常表示」と「HTML表示」があるでしょ?

その「HTML表示」をクリックしてください。

するとこんな「半角英数字」があらわれます,画像のHTML表示ね。
      ↓

アメブロアクセスアップ HTML タグ

ブログ記事に貼り付けた画像をあらわす半角英数字、HTMLですが

貼り付けた画像のタイトルは、どこに書かれているでしょうか?

探してください。

<p>
<a href="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" style="width:120px; height:120px; border:none;" alt="いちごどうぞ" ratio="1"></a></p><p>
</p>


見つかった? 赤く、alt="いちごどうぞ" ってなってるところ。


alt="いちごどうぞ"が見つかればしめたものです。

アメブロで、画像の右側に、文章を書くために

その、alt="いちごどうぞ"のあとに、

align="left" を挿入するんです。

こんなふうに、alt="いちごどうぞ"のあとに、align="left"を入れます。

      ↓

<p>
<a href="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" style="width:120px; height:120px; border:none;" alt="いちごどうぞ" align="left" ratio="1"></a></p><p>
</p>

alt="いちごどうぞ"のあとに、、align="left"が入ったのがわかりますか?

これで、画像の右側に、文章を書くことが出来るようになりました。



 アメブロアクセスアップ HOW TO DO やり方&方法  
 画像の右側に、文章を書いてみる 


画像の右側に、文章を書けるようにするHTMLの挿入までは、分かりました?

では、どこから文章を書きだしたらよいのでしょうか?

ここから~ ここから~
     ↓

<p>
<a href="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" style="width:120px; height:120px; border:none;" alt="いちごどうぞ" align="left" ratio="1"></a></p><p>いちごどうぞ</p>

アメブロのHTML表示の実際の画像がこちら、赤線が、ひかれているところね
     
     ↓

画像 横 文章 書きだし

この状態にして、HTML表示から通常表示をクリックして、通常表示に戻してください

     ↓

画像 右側 文章 アメブロアクセスアップ

ねっ  画像の横に、文章の書き出しが出るでしょ?

アメブロでは、このまま

いつものように、編集をしたらいいのです。

そして、画像の右側に、文字を書くのをやめるときに、

もう一度、HTML表示をクリックしてHTML表示にして

<br clear="all">を貼り付けてください。


画像の右側に、文章を書きます こんなふうに
       ↓

アメブロ 画像 横 文字 完成

書き終えたら、画像の右側に、文章を書くのをやめるのを命令するために

<br clear="all">を最後に貼り付けます。

画像の右側に、文章を書いて、ここで、その設定をやめると<br clear="all">を貼り付けたものです。最後についてます。
       ↓

<p>
<a href="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" style="width:120px; height:120px; border:none;" alt="いちごどうぞ" align="left" ratio="1" id="1378779885170"></a></p><p>
いちごどうぞ<br>
おいしいよ~<br>
いちごのTwitterも<br>
よろしくね~<br>
格別に<br>
しょうもないこと<br>
つぶやいてます~</p><br clear="all">

画像の横に、文章を書くのをやめるときに、HTML表示をクリックして

最後のところに、<br clear="all">を貼り付ける、書き込むなりしてください。


 アメブロアクセスアップ HOW TO DO やり方&方法  
 画像と文章のあいだに、スペースを空けるやり方&方法 


画像と文章がくっついていたら、

ちょっとみぐるしいですね
    ↓

アメブロ 画像 横 文字 完成

だから、画像と文章のあいだに、スペースをあけてみましょう
    ↓

画像 文章 間 スペース

画像と文章のあいだに、スペースを空けるには、

hspace="20"alt="いちごどうぞ"の後に入れます。

先に、align="left"が挿入されてますので、

こうなります。
    ↓

<p>
<a href="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" class=""><img src="http://stat.ameba.jp/user_images/20130910/10/itigo-whatsup2/76/50/j/o0120012012678756662.jpg" style="width:120px; height:120px; border:none;" alt="いちごどうぞ" align="left" hspace="20" ratio="1" id="1378779885170"></a></p><p>
いちごどうぞ<br>
おいしいよ~<br>
いちごのTwitterも<br>
よろしくね~<br>
格別に<br>
しょうもないこと<br>
つぶやいてます~</p><br clear="all">

align="left"の後に、貼り付けたらOKです。


画像と文章の間隔を変えるには

hspace="20"の20のところを

半角数字で、大きくすれば、広がり、

小さくすれば、狭まります。

どのみち、画像と文章のあいだに、スペースを作りたい人は、

align="left" hspace="20" を同時にコピーして

alt="画像のタイトル"のあとに、コピー&ペーストすれば

画像と文章のあいだにスペースをとれた状態で、画像の右側に文章が書けます。

お疲れ様でした。

アメブロアクセスアップに、つながりますので

何度も、繰り返し、練習して

デザイン的にかっこいい~ブログにしてっちょ。

 復習 

アメブロで、画像の右側に文章を書きたいときは

align="left" hspace="20"を(左は、align="right" hspace="20")

alt="画像のタイトル"のあとに、コピー&ペースト

画像と文章の間隔を変えたいときは

hspace="20"の20を変える。

文章を右側に書くのをやめるときは、

通常表示から、HTML表示に変えて

最後に、<br clear="all">をコピー&ペーストする。


追記

もしかして・・・・

最後の数行でよかったんでは・・・書くの?

アメブロアクセスアップ がんばってくださ~い。

関連記事
スポンサーリンク




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

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

tb: 0   cm: 0

コメント

コメントの投稿

Secret

トラックバック

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

サイトマップ

カテゴリ

リンク

▲ Pagetop

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