Bloggerの記事中に画像を追加する方法・注意点まとめ

Bloggerの管理画面から、画像を追加したい記事へ移動します。

>>Blogger.com

記事を書くスペースの上にあるメニューから、写真のアイコンを選択します。

すると、このようなメニューが開きます。

あとは『ファイルを選択』から追加したい画像を選択して、左下の『選択した画像を追加』から画像を追加しましょう。

また、『アップロード』以外の他の方法からも画像の追加は行えます。

『このブログから』では、そのブログで過去に追加した画像を再び選択することができます。

『googleアルバムアーカイブから』では、google アルバムで共有している写真から選択することができます。

簡単に画像を追加する裏技

これらの方法でももちろん画像を追加できますが、裏技としてとてもかんたんに画像を追加できる方法をご紹介します。

まず、画像を追加したい場所にマウスポインタをおきます。

デスクトップから追加したい画像を選択して、ドラッグ&ドロップでBloggerの記事中に持ってきましょう。

たったこれだけで、追加したい場所に直感的に画像を追加することができます。

注意点

写真を追加して大きさや位置がうまく変更できない場合は、記事の編集画面をHTMLモードに切り替えて、画像のHTMLコードを確認してみましょう。


通常、写真のコードは次のようなかたまりとなっています。

<dv>
<a>
<img>
</a>
</div>

*クラスやスタイルなど、細かい部分は省略してます。

ここに、余分な</br>タグなどがあれば取り除きましょう。

もしそれでもうまく表示されない場合は、画像周辺の行を消してから、もう一度追加してみましょう。

まとめ

Bloggerに写真を追加する方法・注意点についてまとめました。

こちらの記事では、画像につける囲み線のデザインをまとめています。

よろしければご覧ください。

>>画像につける枠・ボーダーのCSSデザインまとめ【コピペOK】