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

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

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

Подробнее о роли картинок (изображений) на блоге читайте здесь.

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

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

Индексация картинок блога, созданного на Blogger.

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

Как установить на блог, созданный на 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. 

Подписаться на Школу-студию "Вдохновение" по E-mail