Как убрать рамку вокруг изображения

Вставляя картинки в блог без фона с толкнулась с тем, что выглядит это не очень красиво. При новом дизайне Blogger я не смогла убрать рамочку, поэтому пришлось искать ответ самой. 

Итак, вот решение:

1. Заходим в Шаблон 

2.  Выбираем - изменить html

3. Ставим галочку - "Расширить виджет"

4. Находим часть кода который касается картинок блога. 

Для этого:  В браузере заходим "Правка" - "Найти" и в появившемся окне 

 вводим часть кода, который отвечает за картинки в сообщениях:

 у меня это: 

.post img, table.tr-caption-container {

border:8px solid #CCCCCC;}

У вас может код немного отличаться, допустим так : .post-body img, .post-body .tr-caption-container, - то есть img - изображение,  body  - тело,  post - статья , то есть "изображения тела статей"

В найденном коде  нужно будет изменить размер рамочки картинки - border:8px на border:0px

Примечание: Сразу не сохраняйте изменения, а просмотрите, только потом сохраняйте изменения!!!