Изображения — важная составляющая успешного продвижения блога. Хорошо продуманная и качественно исполненная иллюстрация притягивает внимание посетителей, стимулирует к чтению, прослушиванию, или просмотру контента.
Кроме того,картинки в оформлении статей являются проверенным, надёжным источником поискового трафика.
Предлагаю вам 5 красивых, оригинальных эффектов для иллюстраций, основанных на технологиях JQuery 5 (источник)
- При наведении курсора картинка будет увеличиваться в размере, приближаясь к читателю (с появлением тени)
- Тёмное изображение постепенно станет «просветлённым»
- Контрастные, ясные участки открываются в случайном порядке
- Вертикальные полосы просветления от края до края
- Изображение открывается квадратами — от угла до угла.
Посмотреть эти эффекты в действии можно на испытательном стенде.
Применить такое необычное оформление для иллюстраций своего блога Blogger можно всего за несколько простых шагов.
Добавить эффекты для иллюстраций в Blogger
1. Заходим в свой аккаунт Blogger, выбираем нужный блог. Затем Шаблон
— Изменить HTML — Приступить
2. Активизируем «Расширить шаблоны виджета». С помощью комбинации Ctrl + F находим в коде отрывок
и сразу перед ним вставляем код, полученный по этой ссылке
3. Находим отрывок
и прямо перед ним вставляем код CSS, который находится здесь
4. Сохраняем шаблон.
Теперь для получения эффекта нужно внести изменения в HTML-код нужного изображения.
Допустим, мы загрузили иллюстрацию с жёсткого диска компьютера с помощью редактора сообщений Blogger.
Перейдя в редакторе на вкладку HTML мы видим загруженное изображение в виде такого кода:
Добавим к этому коду класс эффектов class=»effect1″ сразу после <img , как показано ниже.
Если в добавляемом отрывке будет стоять цифра 1 (как в примере) — мы получим эффект №1. Изменяя цифры от 1 до 5 мы сможем получить требуемый результат для каждой отдельной картинки.
Доброй охоты всем нам!
Ваш Retliff
Ой, как интересно! Спасибо большое, Сергей! Непременно воспользуюсь.
@Лада Керимова Рад, что Вам понравилось!:)
Красиво. А для WordPress это подойдёт?
@Сергей Кожанов Не могу Вам ответить 🙂 — я не разбираюсь в тонкостях WP!
Спасибо за интересную информацию. В плане подачи изображений площадка Blogger, пожалуй, уступает WP и подобные улучшения очень даже востребованы.
Кстати, а известно какое-нибудь решение для Blogger, как организовать показ изображений из галереи превью?
Как здорово. Воспользуюсь обязательно.
Спасибо за тёплую атмосферу, Вы художественно—волшебный блоггер!
Спасибо! Покраснел от удовольствия!:)
Да, Olena Korol точно подметила, а от себя добавлю, что попав на Ваш блог не хочется уходить.
Спасибо на добром слове! А уходить вовсе не обязательно!:)