Bloggerで、投稿画像の周りに枠線を付ける

テンプレートによっては画像に枠線が出ないため、白い背景に白い画像の場合など、境界線が分からなくて困ることがあります。枠線がないほうがいい場合もありますが、基本的には枠線があった方が全体のデザインは締まります。



↑この灰色の枠線です



毎回自動で付けるには、設定を変更します。


1. Blogger にログイン後、[デザイン] → [HTMLの編集]
（できれば不測の事態に備えるため、テンプレートをバックアップしましょう）

2. 「/* Posts」というCSSセクションを、検索するか、がんばって探す。

3. そのセクションのどこでもいいので、下記のCSSを書き込みます。

.post img {
padding:3px;
border:1px solid #cccccc;
}

4.[テンプレートを保存]して、ブログを再読込してください
画像に枠線が出ていると思います。