Как сделать всплывающее окно стать постоянным читателем блога

всплывающее окно
Привет, друзья. Ссылка с призывом "стать постоянным читателем блога" обязательно привлечёт внимание посетителей. Обычно, чтобы читать какие - то блоги и видеть обновления в ленте мы используем гаджет "постоянные читатели". То что предложу сегодня, можно использовать как отдельный вариант или дополнение к этому гаджету.

При клике по ссылке всплывает окно с предложением стать постоянным читателем прямо на открытой вкладке  и посетитель не отвлекается на другую старницу.

Чтобы ссылка не была скучной, сделаем бросающуюся в глаза картинку - ссылку. Её можно будет установить в гаджет HTML/JavaScript в нужное место макета или непосредственно в самом сообщении. Посмотрите на тестовом блоге как примерно это будет выглядеть в сайдбаре.


Код совершенно простой. Единственное, что нужно подготовить заранее, подобрать или сотворить самим, подходящее изображение. То, что вы видели на тестовом блоге я быстро сделала с помощью сервиса https://cooltext.com. О нём я писала в этом сообщении. Можно придумать совершенно уникальную картинку - ссылку.

Предлагаю два типа всплывающих окон c предложением стать постоянным читателем.

<a title="Follow this blog" onclick="window.open(this.href, '', 'toolbar=O,scrollbars=1, titlebar=1, location=0,statusbar=1,menubar=0,resizable=0,width=530,height=520,top=150,left=300'); return false;" href="http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXXX"><img alt="Follow blog" height="45" src="https://images.cooltext.com/5002374.gif" title="Follow this blog" width="230" /></a>


Синий цвет - адрес картинки.
Жёлтый - расположение окна относительно вкладки.
Зелёный - размеры картинки.
Замените XXXXXXXXXXX  на  ID вашего блога.

Как узнать ID.

В админпанели выбираем нужный блог и в строке браузера нажимаем левой кнопкой мыши. В подсвеченной строке найдите номер, который идет после "blogID=". Это и есть идентификатор вашего блога.


С использованием javascript.

<script type="text/javascript">
function popup(url)
{
 var width  = 530;
 var height = 520;
 var left   = (screen.width  - width)/2;
 var top    = (screen.height - height)/2;
 var params = 'width='+width+', height='+height;
 params += ', top='+top+', left='+left;
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';
 newwin=window.open(url,'windowname5', params);
 if (window.focus) {newwin.focus()}
 return false;
}
</script>

<a href="javascript: void(0)"
   onclick="popup('http://www.blogger.com/follow-blog.g?blogID=XXXXXXXXXXX')"><img alt="Follow blog" height="21" src="https://images.cooltext.com/5002374.gif" width="117" title="Follow this blog"/></a>


Желаю всем больше постоянных и верных читателей. Пусть красивая картинка - ссылка "Стать читателем блога" поможет вам в этом.

Follow blog

Здесь вы можете оформить подписку на новые шпаргалки

Введите Ваш email


4 комментария:

  1. Как интересно! Это мне нравится! Надо попробовать!

    ОтветитьУдалить
    Ответы
    1. Да Ирина. главное заголовок поярче. А так всё проще простого.

      Удалить
  2. довольно интересно

    ОтветитьУдалить
  3. как вариант, почему бы и нет.

    ОтветитьУдалить

Пользовательский поиск
Foto Saya
My Photo