Три всплывающих окна подписки по электронному адресу



Установка в блог всплывающего окна подписки по электронной почте


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

Отзывы в сети на эту тему самые противоречивые. Многие владельцы блогов утверждают, что у них увеличилось число подписчиков при установке такого окна подписки, посетители же относятся по разному: одни не обращают внимания, вторые сразу же уходят с ресурса, третьи просто закрывают окно (я отношусь к этой категории) и продолжают дальше читать необходимую информацию. 

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

Пример №1

Настройка и установка в макет блога

Скопируйте код 1

<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
.exestylepopup {width:748px; height:350px; position:fixed; top:50%; left:50%; margin-top:-175px; margin-left:-396.5px;}
#exestylepopup{overflow:none; background-image: url(https://lh4.googleusercontent.com/-0KGpHt3WLGs/T7nxLEYST6I/AAAAAAAACMM/aVmAL4WV7pw/s748/EXEIdeasBlog.png) ; background-repeat: no-repeat; }
form#exestylepopup{display:block; margin:0;}
form#exestylepopup #exefield{padding:2px; position:absolute; top:162px; left:480px; width:238px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton{position:absolute; left:474px; top:205px; width:249px; height:42px; border:none; background:transparent;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png"/>
</center>
<form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tPDSo", 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="blogspot/tPDSo" name="uri"/>
<input type="text" id="exefield" name="email" value="Подписка по E-Mail..." />
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://lh4.googleusercontent.com/-tzQ8hBB6E18/T7dTe4L1CeI/AAAAAAAACKs/YEn0n2rxIVA/s128/exeideasblank.gif" id="exebutton" />
</form>
</div>
</div>



Пример № 2

Настройка и установка в макет блога

Скопируйте код 2

<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
#exestylepopup {background-image: url(https://lh5.googleusercontent.com/-NEATVMqoHp0/T7UDjRKOPKI/AAAAAAAACKQ/PX-6Jqzohw8/s770/EXEIdeasBlog.png); background-repeat:no-repeat; overflow:none;}
.exestylepopup {width:770px; height:334px; position:fixed; top:50%; left:50%; margin-top:-167px; margin-left:-396.5px;}
form#exestylepopup {display:block; margin:0;}
form#exestylepopup #exefield {padding:2px; position:absolute; top:171px; left:480px; width:200px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton {position:absolute; left:474px; top:214px; width:249px; height:42px; border:none; background:transparent;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:-20px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png"/>
</center>
<form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tPDSo', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="blogspot/tPDSo" name="uri"/>
<input type="text" id="exefield" name="email" value="Подпишитесь по E-Mail" placeholder ="Enter Your E-Mail Here..." />
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://lh4.googleusercontent.com/-tzQ8hBB6E18/T7dTe4L1CeI/AAAAAAAACKs/YEn0n2rxIVA/s128/exeideasblank.gif" id="exebutton" />
</form>
</div>
</div>


Пример № 3

Настройка и установка в макет блога

Скопируйте код 3

<style type="text/css">
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {z-index: 999;display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;}
.exestylepopup {width:619px; height:475px; position:fixed; top:50%; left:50%; margin-top:-237.5px; margin-left:-309.5px;}
#exestylepopup{overflow:none; background-image: url(https://lh3.googleusercontent.com/-bv9Y8BVmnBU/T7ssmu555yI/AAAAAAAACM0/ZUcS-KCFDGo/s619/EXEIdeasBlog.png) ; background-repeat: no-repeat; }
form#exestylepopup{display:block; margin:0;}
form#exestylepopup #exefield{padding:10px; position:absolute; top:297px; left:352px; width:228px; font-size:16px; border:none; background:transparent;}
form#exestylepopup #exebutton{position:absolute; left:352px; top:350px; width:249px; height:42px; border:none; background:transparent;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center style="color:#000;cursor:pointer;float:right;margin-right:10px;margin-top:-20px;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">
<img src="https://lh6.googleusercontent.com/-uSW_8HWcJII/T9shJ_kvWwI/AAAAAAAACgI/9xs1KMJtUtc/s40/exeideasclose.png"/>
</center>
<form id="exestylepopup" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/tPDSo', 'popupwindow', 'scrollbars=yes, width=600, height=550'); return true">
<input type="hidden" value="blogspot/tPDSo" name="uri"/>
<input type="text" id="exefield" name="email" value="Подписка по E-Mail " />
<input type="hidden" name="loc" value="en_US" />
<input type="image" src="https://lh4.googleusercontent.com/-tzQ8hBB6E18/T7dTe4L1CeI/AAAAAAAACKs/YEn0n2rxIVA/s128/exeideasblank.gif" id="exebutton" />
</form>
</div>
</div>





Показано по какой ссылке перейти, чтобы узнать свой Feed адрес

В кодах выделенное красным Вам нужно изменить на свой фид адрес. Заходите в свой аккаунт Feedburner, нажимаете мои каналы, выбираете нужный блог (если их у Вас несколько). Далее сверху жмем Edit Feed Details…(редактировать), смотрите скриншот



Показано какой адрес копировать



В новой вкладке копируйте адрес в поле, смотрите у меня выделено на скриншоте, и вставьте в код вместо моего.




Удаляйте мой адрес внимательно, не захватите случайно кавычки. Код вставляете в черновике blogger добавить гаджет. Установите в нижней части макета блога. Источник информации по этому адресу: http://www.rightblogtips.com/2012/12/best-blogger-widgets.html. Делитесь со своими друзьями и знакомыми в социальных сетях. А я говорю Вам всего Доброго.



Автор статьи ✎ Olga Protasova Выпуск ✹ 8/02/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

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


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *