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


Пост (в основном) для пользователей:
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.




Лучшая благодарность автору - это нажатые социальные кнопки!


23 коммент.:

Анна Шефер
Интересно а нечто подобное для популярных сообщений можно сделать?)
Спасибо очень интересный виджет.

https://www.blogger.com/profile/14896213645847106084

Justus
Анна Шефер, нет нельзя. Виджет показывает окно только на сторонние, чужие сайты по внешней ссылке.

https://www.blogger.com/profile/13746790384341325111

Ольга Ватутина
Добрый вечер, Justus! Опять у Вас интересное и полезное:) Спасибо Вам! Поставила себе, работает хорошо. Правда, из-за низкого интернет-соединения:(( открывается не сразу.
С уважением

https://www.blogger.com/profile/10631575525972186871

Владимир Стариков
C любопытством и страхом всегда захожу на этот блог.

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

Еще одна причина моей фобии - стащу же что-нибудь вкусненькое для своего Blogger'a.

Вот и сейчас - стащил идею и установил виджет Snap Shots. Установил, облетал, заменил то, что не нравится. Опробовал виджет и с иконками и без них, со ссылками на внутренние страницы и без. Остановился на варианте: внешние ссылки, без иконок. Если оставить и внутренние ссылки, то получится полный дурдом.

Спасибо, Justus, не даете закиснуть блогерам, подталкиваете к движению.

https://www.blogger.com/profile/06122774557324167256

Владимир Стариков
P.S. К предыдущему моему комменту. На многие сайты выдается "Скриншот сайта недоступен". Пробовал с разных браузеров - ответ один. Глюк сервиса, Blogger или от качества связи зависит? У вас как? На вашем блоге тоже не все скриншоты открываются.

https://www.blogger.com/profile/06122774557324167256

Justus
Владимир Стариков, проблем не имею. Вообще то мне этот сервис понадобился для каталога Блогспот блогов. Можете посмотреть как отображаются скриншоты. У МЕНЯ ОТОБРАЖАЮТСЯ ВСЕ!
Кстати приглашаю вас в каталог!
http://blogodel.com/p/blog-page_8.html
Нужно написать анонс-рекламу вашего блога (два предложения) и ВСЕ! Желательно разместить баннер, но это добровольно!

https://www.blogger.com/profile/13746790384341325111

Владимир Стариков
Заметил, что не открываются скриншоты, связанные с Google+ и некоторыми другими. У вас мой профиль тоже не открывается. Остальные ссылки без проблем.

За приглашение спасибо. Обязательно им воспользуюсь. Прямо сейчас.
Баннер продгоню под размер своего сайтбара.

https://www.blogger.com/profile/06122774557324167256

ЛЮССС
Мне понравилось. Вот только объясните мне пожалуйста, почему у меня и на фото и на картинки всплывают окна? http://kraskimoi.blogspot.ru/

https://www.blogger.com/profile/15133373743572898101

Justus
ЛЮССС, специально для вас, в конце поста, я написал ответ на ваш вопрос. В комментариях не получилось, так как пришлось публиковать код.

https://www.blogger.com/profile/13746790384341325111

Marina Vephvadze
Кстати его можно применить, чтобы увидеть наглядно ссылки в своем сайте, вроде напоминания на уже (может быть) не актуальные.

https://www.blogger.com/profile/15132971904586512250

Justus
Marina Vephvadze, все верно, только искать так называемые "битые" ссылки лучше специальными программами.

https://www.blogger.com/profile/13746790384341325111

Marina Vephvadze
Justus - логика женщины :) - все видишь на сайте, да еще и красиво...:)

https://www.blogger.com/profile/15132971904586512250

Люера
Ух ты! Спасибо, что в качестве примера взяли мой блог. Приятно)))
Я с вопросом. Мне сайт выдал такой вот скрипт:
[im]http://uploads.ru/f2O3e.jpg[/im]
Не могу разобраться, что здесь удалить надо. А что отредактировать? Помогите, плиииз?:m

https://www.blogger.com/profile/06388498851097916165

Люера
Ой, че то фото не видно, попробую ещё раз
Вот этот код:
[im]http://s3.uploads.ru/f2O3e.jpg[/im]

https://www.blogger.com/profile/06388498851097916165

Люера
Еще вопросик, возле каждой ссылки появился вот такой значок:
[im]http://s3.uploads.ru/pfxVP.png[/im]
Как его убрать? У вас такого нет.

https://www.blogger.com/profile/06388498851097916165

Люера
Сижу свой блог просматриваю. Кое-что не нравится. Как ещё сделать, чтобы скриншот открывался только на сторонние ресурсы? А то всплывает где надо и где не надо. Хочу, чтоб было как у вас)))

Простите, завалила вас вопросами:m

https://www.blogger.com/profile/06388498851097916165

Justus
Люера, опубликовал для вас скриншот и пояснения, в конце поста. С полученным кодом ничего делать не надо, а только вставить в Дизайн - Добавить гаджет - HTML/JavaScript !

https://www.blogger.com/profile/13746790384341325111

Люера
Спасибо огромное!:e

https://www.blogger.com/profile/06388498851097916165

valeriy1106
Большое спасибо! Скажите почему после установки рядом с сылками отображается ключ с отверткой?

https://www.blogger.com/profile/01935826825658003215

Justus
valeriy1106, ключ с отверткой это ссылка (окно открывается всегда при ссылке на другой ресурс) на настройки гаджетов Блогспот. Посетители его не видят! Зайдите с другого браузера и убедитесь сами!

https://www.blogger.com/profile/13746790384341325111

Кулешова Татьяна Алексеевна
К сожалению, этот виджет уже не работает. Почему?

https://www.blogger.com/profile/01178888016756263725

Justus
Кулешова Татьяна Алексеевна, не знаю, может у этого сервиса временные трудности с хостингом?

https://www.blogger.com/profile/13746790384341325111

Энн
Давно к Вам не заглядывала, заметила смену дизайна-классно выглядит!!!

https://www.blogger.com/profile/11047535699034670026

Отправить комментарий

Можно применять теги: <b></b><i></i><br />
<br />


Доска почета

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