［Blogger］動的ビューの設定②画像の枠線の削除

動的ビュー（Dynamic View）で画像を貼り付けると枠線がデフォルトで入ってしまうのですが、これを消します。

動的ビューではない場合にはテンプレートのHTMLを編集することで実現できるのですが（※画像の枠線の修正（動的ビュー以外） 参照）、動的ビューの場合にはテンプレートのHTMLに「/* Posts」のコメントで始まる設定箇所がないため実現できないようなのです。

この設定をするためにはカスタムCSSを使います。

手順

---

［テンプレート］→［カスタマイズ］で Blogger テンプレート デザイナー を開きます。
［アドバンス］→［CSS を追加］で以下のコードを追加します。

.entry-content img{
box-shadow: none !important;
padding: 0px !important;
border: 0px !important;
}

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

---

Blogger Tips のページに戻る