6.3.16

◊ Как сделать увеличение картинки - установка скрипта для увеличения картинок на блоге

Как сделать увеличение картинки
Картинки на блоге играют важную роль.

Картинки блога приносят дополнительный трафик, а также делают статьи интересней и красочней.
Подробнее о роли картинок (изображений) на блоге читайте здесь.






Как сделать увеличение картинки

Как сделать увеличение картинкиВсе картинки на блоге должны быть оптимизированы, т.к. оптимизация изображений - один из способов продвижения блога и важный фактор его раскрутки.


Интересная фишка - небольшое увеличение картинки при наведении на неё курсором - придание картинке эффекта движения.

Как установить на блог, созданный на Blogger, скрипт увеличения картинок смотрите в ролике:

 


Скрипт для увеличения картинок на блоге, созданном в Blogger.com:


<style>.post-body img { -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
padding: 8px;
background: #ffffff;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.post-body img:hover {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);
background: #ffffff;
border: 1px solid #cccccc;
text-decoration: none;
text-shadow: none;
-moz-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
-webkid-box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
box-shadow: 1em 1em 1em -0.5em rgba(0,0,6,0.5);
}</style>

Придайте картинкам вашего блога эффект движения!

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


8 комментариев :

  1. Как удобно с помощью видео делать тему урока. Мне очень понравилось.

    ОтветитьУдалить
    Ответы
    1. Тема оптимизации и индексации картинок - очень важная. Эту статью нужно изучить с переходами на другой блог - будет большая польза.

      Удалить
  2. Интересный эффект увеличения картинки в блоге. И как сделать это, показано доступно. Спасибо

    ОтветитьУдалить
    Ответы
    1. Мне очень нравится этот эффект, применяемый к картинкам на блоге: они становятся "живыми".

      Удалить






  3. Добавление картинке, увеличения при наведении курсора, даёт эффект анимации. Ощущение, что блог живой.

    ОтветитьУдалить
    Ответы
    1. Согласна, Татьяна, эффект небольшого увеличения картинок при наведении курсором заметно украшает блог, придаёт ему индивидуальный стиль.

      Удалить
  4. Как сделать увеличение картинки - установка скрипта для увеличения картинок на блоге, тема очень интересная, дана доступно и не составило никакого труда выполнить этот урок. Урок усвоила и выполнила. Спасибо.

    ОтветитьУдалить
    Ответы
    1. Установка скрипта простая, а эффект интересный - украшает блог.

      Удалить