Анимированный эффект описания изображения на Blogspot

Анимированный эффект описания изображения на Blogspot

В сегодняшней статье я хочу показать вам как сделать анимированный эффект описания изображения на Blogspot, при наведении курсора. На мой взгляд, очень полезная и эффектная штука. Устанавливается без использования Javascript. А это значит, что на качество быстродействия вашего блога никак не отразится, то есть в загрузке ваш блог не замедлится.

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

Так же, рисунок с таким эффектом, может служить рекламным блоком, при наведении на который будет всплывать краткое описание (например партнёрки) и ссылка для перехода, если посетителя это предложение заинтересует. В общем, как вы можете применить этот эффект, зависит от вашей фантазии.

Анимированный эффект описания изображения на Blogspot

Ну что ж друзья, давайте приступим к установке анимированного эффекта описания изображения. Я буду показывать на примере старого интерфейса Блоггера. И так, поехали…

  1. Панель управления >> Дизайн >> Изменить HTML
  2. Делаем резервное копирование шаблона
  3. С помощью клавиш Ctrl+F находим это код:  ]]></b:skin>
  4. И прямо над ним вставляете код который вы видите ниже:
  5. Всё, в коде мы всё сделали. Нажимаете кнопку «сохранить шаблон».

Теперь, если в статье, для изображения вы хотите сделать такой эффект, вам просто нужно вставить ссылку на изображение в этот код:

Ссылку на изображение вы можете взять где угодно, и вставить её вручную в код. Но если вы загружаете картинку через редактор блоггера, то она имеет такой вид:

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

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (Пока оценок нет)
Загрузка...
Понравилась статья? Поделиться с друзьями:
Добавить комментарий