ブログ初心者必見!画像につく影と枠線を消す方法

ブログ初心者必見!画像につく影と枠線を消す方法

人にお見せできる範囲の画像をいろいろ投稿しておりましたところ、画像に影と白い枠線が表示されていることに気がつきました。はて、ルンルン気分で投稿していた私が悪いのか、はたまた心のきれいな人にしか見えない幻なのか...

私なりに探ってみたところ、いい感じの解決方法を見つけましたのでご紹介します:)

SPONSORED LINK

画像につく影と枠線を消す

「テンプレート」-「HTML の編集」をクリック

Blogger管理画面より「テンプレート」→「HTML の編集」をクリック。

ソースが表示されたら以下を探します。

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}

どこにあるのかさっぱりわからん!という方はこちらを参考にどうぞ。

以前の記事:カスタマイズ初級編!HTMLを編集する方法

見つかったらこいつらを/*〜*/で囲みます。

/*.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
  padding: $(image.border.small.size);

  background: $(image.background.color);
  border: 1px solid $(image.border.color);

  -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
}

.post-body img, .post-body .tr-caption-container {
  padding: $(image.border.large.size);
}*/

こんな感じ。

「テンプレートを保存」をクリック

最後に「テンプレートを保存」をクリックして完了!

まとめ

というわけで、画像につく影と枠線を消す方法のご紹介でした!

あいつらに悩まされ不眠症になりかけてた方はぜひお試しくだされ:)

SPONSORED LINK

この記事がお役にたちましたらシェアをお願いします:)