【教學】Blogger 消除圖片的邊框與陰影 How to Remove Border and Shadow Around Images in Blogger

Blogger預設的範本中，會在圖片的邊緣加入邊框與陰影，若想消除圖片邊緣的邊框與陰影，可以用以下方法： 

後台「版面配置」→「新增小工具」→「HTML/JavaScropt」

找到以下內容：

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

將後面四行註解掉或移除，border為邊框，最後三行是陰影效果

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