livedoor ナレッジ

同じlivedoorのブログで
３枚くらい写真を載せてる人とかいてますよねー
あれはどうやってやってるんでしょうか？

単純に写真を３枚アップロード（ピクスでもいいけど）して、投稿するときにIMGのマークかピクスのマークをクリックして写真を投稿することを３度繰り返せばいい

投稿の入力欄の上のほうにある「アップするファイルを選択」を使うと、
1枚しか挿入できませんし、サムネイルという小さな画像の状態で貼り付けられます。

しかし、（モブログで使っていないのなら）1つの記事に、何枚もの画像を使うことは簡単です。


そのためには、記事を書く前に、画像をアップロードしておく必要があります。（別のウィンドウで作業をすれば、記事を書きながらアップロードすることもできます。）

管理ページや、投稿のページの横の

　　ブログの投稿
ブログを投稿する
投稿したブログを編集する
ファイルのアップロード
カテゴリの設定

の中の「ファイルのアップロード」をクリックすることで、
事前にファイルをアップロードするページへ行けます。

まずは、ライブドアが用意しているガイドから
「画像をアップロードする」
http://helpguide.livedoor.com/help/blog/guide/grp1...
「画像を投稿する」
http://helpguide.livedoor.com/help/blog/guide/grp1...
をご覧下さい。

　このガイドの例は少し古く、現在は、投稿入力欄の上にある
　便利ボタンの「IMG」アイコンをクリックすれば、
　画像投稿のウィンドウがポップアップするようになっています。


この方法の場合、写真を何枚も追加することができます。
記事を書いている時に載せた写真が見え、文字を扱うようにドラッグ等で配置替えもできます。


うまく行かない場合は、コメントに書いてください。
解決できましたら、質問を、（解決済）にしておいてください。
http://knowledge.livedoor.com/6110　をご参考に

hana☆さん。ご質問ありがとうございます。

投稿フォームの形式が「シンプルエディタ」の場合のご説明をさせて頂きますね。

↓こちらを参考にまずは画像をアップロードされて下さい。
http://blog.livedoor.jp/blog_matome/archives/50013...

ブログの本文を入力する欄の上に「IMG」ボタンがありますが、これを押すと以下のような文字列が出ます。

<img src="http：//image.blog.livedoor.jp/xxxxxxxx/imgs/7/e/xxxxxxx.gif" width="135" height="104" border="0" alt="画像です。" hspace="5" class="pict" align="left" />

どんどんボタンを押せば、どんどんこういう文字列が出てきて画像が表示されるのですが、文章を回り込ませたりする余計な命令文が入っていてそのままだとブログの表示が崩れます。


<img src="http：//image.blog.livedoor.jp/xxxxxxxx/imgs/7/e/xxxxxxx.gif" width="135" height="104" border="0">
↑こんな感じにざっくり短くされて下さい。


左寄せしたい場合は、この文字列を<div align="left">と</div>で囲います。


<div align="left"><img src="http：//image.blog.livedoor.jp/xxxxxxxx/imgs/7/e/xxxxxxx.gif" width="135" height="104" border="0"></div>

中央寄せ <div align="center">と</div>で囲います。
右寄せ <div align="right">と</div>で囲います。

２つ横に並べる場合は、

<table><tr><td>１個目の画像の文字列</td><td>２個目の画像の文字列</td></tr></table>とします。
３つ横に並べる場合は、

<table><tr><td>１個目の画像の文字列</td><td>２個目の画像の文字列</td><td>３個目の画像の文字列</td></tr></table>とします。


並べた画像の横幅がブログ本文の枠より大きくなると、サイドバーが落ちたりして、表示が崩れます。あんまり大きい画像を使ったり、あんまり並べすぎるのはお気をつけられて下さい。