［Blogger］画像の枠線の修正（動的ビュー以外）

テンプレートを編集して画像の縁に表示される枠線を修正します。

※動的ビューの場合には 画像の縁に入る枠線の削除（動的ビュー） を参照

この設定をするためにはHTMLを編集します。

手順

---

「テンプレート」を開き、「HTMLの編集」ボタンをクリックします。警告のメッセージでは「続行」ボタン。
HTML の編集では「ウィジェットのテンプレートを展開」にチェックします。

HTML 編集内で「/* Posts」 のコメントで始まる設定箇所を探します。
ただコメントなのでないときもあります。その場合には .post img の設定を探します。

この設定の所に以下を書き込みます。

○灰色の枠線に変える

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

○白い枠線に変える

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

○枠線を消すなら

.post img {
padding:  0;
border: 0 none;
}

これで画像の枠線が消えました。

---

Blogger Tips のページに戻る