Publisher is the useful and powerful WordPress Newspaper , Magazine and Blog theme with great attention to details, incredible features...

Aprenda a adicionar box flutuante em seu site sem puglin

Uma das maneira para conseguir mais e mais visitas para o seu site, e sem sobra de duvidas colocar uma caixa de subscrição para capturar e-mail , desta forma você faz a sua própria newsletter.

Esta técnica é utilizada por vários blogueiro, e pode ter certeza é sucesso garantido, uma curiosidade para você, colocando em tese essas duas alternativa, uma lista de e-mail de 10 mil pessoas e uma fã page com 40 mil seguidores, adivinha qual dessas duas fontes você recebera mais visitas ?

Se você diz a fã page, tu errou feio.  Todos nós sabemos que ter fã page de 635 mil ou 1 milhão de assinante é a mesma coisa de ter uma fã page de 40 pessoas, é sério, faz muito tempo que o alcance das publicações cairão, e se você tem um fã page já percebeu isto!

Porque O Alcance Das Fã Page Caiu De Uma Forma terrível

já o E-mail marketing não há essa limitação, sem falar que uma lista de e-mail será bem mais segmentado e você terá usuários mais fieis.

Se você usa o wordpress você pode baixar este puglin para capturar e-mail e montar sua lista premium,

mas neste artigo vou falar , das posição estratégica para conseguir e-mail, não basta ter apenas o puglin tem que ter  estratégia!

coloque a caixa de captura de e-mail acima da dobra, ou seja próximo ao topo do seu site , veja ilustração que como uso aqui no OLhar Oficial!

colocando nesta posição você garante maior chance de alguém assinar sua newsletter.

Vale lembrar que você não deve limitar somente em apenas em um único lugar , aqui no portal91, o código esta em 3 lugares diferente,

você já entrou em algum site que ao acessa – lo , aparece um box flutuante para assinatura, este sem duvidas é dos melhores método para conseguir e-mail. Veja ilustração abaixo .A vantagem de box flutuante é que possui cookies e aparece uma vez para o usuário a cada 30 minutos, se você tem noção de java scripts você pode estar configurando este valor para mais ou para menos,

Abaixo deixo o código desse like box veja : O código esta todo em verde.

<style>/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*———————————————————————————–*/
/* Facebook Likebox popup For Blogger
/*———————————————————————————–*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>

class=”hiddenSpellError” type=”text/javascript”>//
// ]]></script>
src=’https://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js’>
// ]]></script>

class=”hiddenSpellError” type=”text/javascript”>//
// ]]></script>
src</span>=”http://yourjavascript.com/11215013191/jquery.colorbox-min.js”>
// ]]></script>

class=”hiddenSpellError” type=”text/javascript”>//
// ]]></script>
type=”text/javascript”>
// ]]></script>
jQuery. noConflict ( ) ;
</script>

class=”hiddenSpellError” type=”text/javascript”>//
// ]]></script>
type=”text/javascript”>
// ]]></script>
jQuery(document).ready(function(){
if (document.cookie.indexOf(‘visited=true’) == -1) {
var fifteenDays = 1000*60*60*24;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = “visited=true;expires=” + expires.toUTCString();
jQuery.colorbox({width:”400px”, inline:true, href:”#subscribe”});
}
});
</script>

class=”hiddenSpellError”>class=”hiddenSpellError”>style=’display:none’>
<pre>
&nbsp;
class=”hiddenSpellError”>class=”hiddenSpellError”>id=’subscribe’ style=’padding:10px; background:#fff;’>
<pre>
class=”box-title”> Quanto vale esta informado? faça sua assinatura 100% Gratuita
<center></pre>
class=”hiddenSpellError”>class=”hiddenSpellError”>style=”line-height:3px;” >

<pre>

▼</p>
</center>
</h3>
<center>
Coloque seu código aqui (colocar código do formulario de e-mail, ou caixa curti do facebook)
class=”hiddenSpellError”>class=”hiddenSpellError”>style=” font-size:9px; color:#3B78CD; text-decoration:none;” href=”https://www.jornalprime.com/”>Portal91

&nbsp;
</div>
</div>