Blogger：画像の枠を消す

[参考]
ブログ初心者必見！画像につく影と枠線を消す方法

上記[参考]に記載のとおり。


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);
}

上記の部分をコメントアウト。

/*.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);
}*/

以上