Эффект увеличения картинки с помощью колёсика мышки на Blogspot

Друзья всем привет. Сегодня, я хочу поделиться с вами, на своём блоге bloguspeh.ru, ещё одной классной фишкой для изображений. Мы будем создавать эффект увеличения картинки с помощью колёсика мышки на Blogspot. И перед тем, как я продолжу, взгляните как этот эффект работает на моём Демо блоге, наведите на картинку и прокрутите колёсико. Правда здорово!

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

Но давайте вернёмся к сегодняшнему эффекту. Кроме того, что у вас картинка вставлена в пост, это уже классно, но её ещё можно и оживить, то есть добавить какой-нибудь эффект, в нашем случае увеличивающий (zoom). Представьте себе, чтобы увидеть изображение в большем формате, вам не нужно на неё кликать, открывать в новом окне или делать с ней ещё что-нибудь. Просто достаточно прокрутить колёсико до нужного вам размера.

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

1) Панель управления => Дизайн => Изменить HTML

2) Далее, при помощи клавиш Ctrl=F находим знакомый нам:

3) И сразу перед/над ним вставляем код, который вы видите ниже:

4) После того как вставили код сохраняем шаблон.

5) Теперь, в новом посте, в то место, где вы хотите вставить своё изображение вставляете этот код:

id='test' src="Ссылка на ваше изображение" />

Если же вы загружали свой рисунок через Блоггер, то у вас он будет выглядеть так:

id='test' src="https://3.bp.blogspot.com/-ZOvVU2h22Vs/T4hCbZmR1nI/AAAAAAAABx4/HIalqgpdk7o/s320/22432022_photo02.jpg" width="320" />

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

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