Всплывающее окно по ссылке на другой сайт


Пост (в основном) для пользователей:
Blogger, Блоггер (Blogspot, Блогспот)

Установил на этот блог сегодня очень интересный виджет и сразу "по горячим следам" публикую пост для вас!


Но для начала наведите курсор на ссылку (для примера) этого блога: http://luera-toy.blogspot.ru/


Если эффект вам понравился, продолжаем дальше. Переходим по ссылке на сервис:
https://www.previewshots.com/
 и нажимаем на "Get Started".



Попадаем на следующую страницу и нажимаем на "Continue".


Оказываемся еще на одной странице и регистрируемся на сервисе (вписывая емейл, адрес сайта и пин код), а так же ставим галочку "I agree" после чего жмем опять на "Continue".


Ух! Вспотели уже...?  Минуточку терпения, последний шаг! Вот он маркированный темно-синим ваш код виджета, который вставляется  в  Дизайн - Добавить гаджет - HTML/JavaScript


Ответ на вопрос: " почему у меня и на фото и на картинки всплывают окна? ".
Потому что каждая картинка на Блогспот, по умолчанию имеет ВНЕШНЮЮ ССЫЛКУ НА БОЛЬШУЮ КАРТИНКУ, а вышеописанный сервис показывает скриншот на все внешние ссылки.
Большое количество внешних ссылок есть нехорошо, с точки зрения поисковых систем. Лично я часть кода выделенную красным - удаляю, что бы не создавать лишних, ненужных ссылок.
Оставляю "ССЫЛКУ НА БОЛЬШУЮ КАРТИНКУ" только в том случае, если действительно есть необходимость в увеличенном изображении.

<div class="separator" style="clear: both; text-align: center;">
<a href=" ВНЕШНЯЯ ССЫЛКА НА БОЛЬШУЮ КАРТИНКУ" target=_blank><img src="ССЫЛКА НА МАЛЕНЬКУЮ КАРТИНКУ" border="0" width=100 height=75></a></div>

Дополнительные настройки
Перед "Advanced Settings" жмем на + плюсик и открываются дополнительные настройки.
Если не нужна иконка ссылки, то Show Snap Shots Link Icon убираем галочку.
Если нужны всплывающие окна только на сторонние ресурсы, то ставим галочку в Enable Snap Shots for External Links.


Доска почета

Плюсани блог!