Увеличение изображения при наведении курсора

Загружаете в редакторе блоггер картинки или фото, настройте размер (маленький, средний, крупный), переходите по вкладке HTML и внизу страницы вставьте код CSS.

<style>.post img {

 -webkit-transition: all 1s ease;

 -moz-transition: all 1s ease; -o-transition: all 1s ease;

 -ms-transition: all 1s ease; transition: all 1s ease;

 }

 .post img:hover { 

 width: 100%;

height: 100%;

  }</style> 

В стиль CSS можно добавить размеры высоты и ширины картинки. Тогда устанавливаете размеры изображений уже в самом коде.

<style>.post img { 

 height: 50%;

width: 50%; 

 -webkit-transition: all 1s ease;

 -moz-transition: all 1s ease;

 -o-transition: all 1s ease;

 -ms-transition: all 1s ease; transition: all 1s ease;

 }

 .post img:hover {

 width: 100%;

height: 100%; 

 }</style>

Настройки: выделено фиолетовым размеры картинок, зеленым размер увеличения при наведении.

Кто захочет таким способом увеличить изображения во всех постах блога, код CSS (без тэга style) вставьте в шаблон изменить шаблон выше строки ]]></b:skin>.
если кому понадобится, измените в коде .post img { на .sidebar img{