Как убрать рамку и тени вокруг картинок в Блоггере

Рамка вокруг картинок и фотографий в Блоггере в сообщении мне не нравилась давно. Особенно, когда вставляешь картинку с прозрачным фоном. Хочется что бы она была менее заметна, а рамка и тени вокруг неё всё портят. Наконец у меня дошли руки до этой некрасивой рамки и я её удалила. Как это сделать покажу на примере другого моего сайта. Но делается всё аналогично.
Вот рамка вокруг картинки, которая потрепала мне немного нервы.

Убираем рамку

Первым делом делаем резервную копию сайта. 

Нажимаем Тема и наверху видим надпись:

Нажимаем, всплывает окошко:

Жмём — Скачать тему.
Теперь можно спокойно заходить в шаблон сайта.

Перед нами открылся шаблон блога с разными буковками и циферками. 

Ставим мышку на поле шаблона и нажимаем на клавиатуре одновременно кнопки Ctrl+F. В открывшимся окошке пишем .post-body img, и нажимаем Enter. Найденный код может выглядеть примерно так:

В коде все цифровые значения PX, нужно заменить на 0.

Посмотрела результат в предварительном просмотре шаблона.

Рамка исчезла. Сохраняем тему.

И смотрим полученный результат в блоге. Все картинки без рамок. Полюбуйтесь! Можно посмотреть и в самой статье.

Многие блогеры советуют удалять этот код из шаблона, я решила не применять такие методы, вдруг мне захочется вернуть эти рамочки. Я просто поставлю вместо ноликов нужные цифры и рамка опять будет на всех картинках в блоге.

Дополнение

После смены шаблона таким способом рамку убрать не получилось. Нашла в интернете код, который помог.
Заходим в шаблон — Тема/Изменить HTML,  находим строку ]]></b:skin> и над ней устанавливаем код.

Код:

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,.BlogList .item-thumbnail img {  padding: none !important;  border: none !important;  background: none !important;  -moz-box-shadow: 0px 0px 0px transparent !important;  -webkit-box-shadow: 0px 0px 0px transparent !important;  box-shadow: 0px 0px 0px transparent !important;}