davidtorresruiz
Delta
Programador
No recomendado
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Olá, meus amigos do ForoBeta!
:drunk: Aqui vou deixar para vocês um lindo formulário para que milhares de usuários se inscrevam no seu site ou fórum via FeedBurner. Passei várias horas desenvolvendo para publicar no meu blog e no ForoBeta, espero que gostem muito, fiz com muito amor pela programação.
É espetacular para conseguir milhares de assinantes, já que está programado com style e script: ao colocar seu e-mail corretamente, o formulário detecta que está bem escrito com o @ e a borda do campo fica verde; se não detectar o @, o botão fica azul-claro e a borda do campo de e-mail fica vermelha; se o campo de e-mail estiver vazio e você clicar no botão de assinar, aparece um aviso que diz ao usuário: (preencha este campo); se você escrever o e-mail sem o @, ele diz: (insira um endereço de e-mail).
Sua apresentação ou título é muito chamativo para animar o usuário a assinar, já que diz o seguinte: Assine o blog! Quer receber os artigos diretamente no seu e-mail? Assine aqui.
Quando você colocar seu e-mail corretamente e clicar em Assinar, vai aparecer uma janela pop de 550 de largura por 520 de altura onde você vai colocar o código ou as letras do captcha para prevenir o spam.
Vamos começar:
Vamos até a aba que fica à esquerda em MODELO = > EDITAR HTML, depois pressionamos a tecla Ctrl + F e colamos </style>; antes de </style> colamos o seguinte código style, que é o que vai dar a cor ao que falamos anteriormente:
:encouragement: Depois de fazer esse passo, vamos até a aba que fica à esquerda => Layout para adicionar finalmente o formulário de assinatura do FeedBurner, clicamos em Adicionar gadget e depois procuramos HTML/Javascript Adicionar, você clica e cola o seguinte código:
Imagem Nº 4 Formulário atraente de assinatura do FeedBurner
SPAM | INDICAÇÕES
Obrigado aos colegas que gostaram do meu tutorial, qualquer dúvida ou sugestão me enviem no privado ou por aqui, mais imagens ou informações na fonte do tutorial. :encouragement:
:drunk: Aqui vou deixar para vocês um lindo formulário para que milhares de usuários se inscrevam no seu site ou fórum via FeedBurner. Passei várias horas desenvolvendo para publicar no meu blog e no ForoBeta, espero que gostem muito, fiz com muito amor pela programação.
É espetacular para conseguir milhares de assinantes, já que está programado com style e script: ao colocar seu e-mail corretamente, o formulário detecta que está bem escrito com o @ e a borda do campo fica verde; se não detectar o @, o botão fica azul-claro e a borda do campo de e-mail fica vermelha; se o campo de e-mail estiver vazio e você clicar no botão de assinar, aparece um aviso que diz ao usuário: (preencha este campo); se você escrever o e-mail sem o @, ele diz: (insira um endereço de e-mail).
Sua apresentação ou título é muito chamativo para animar o usuário a assinar, já que diz o seguinte: Assine o blog! Quer receber os artigos diretamente no seu e-mail? Assine aqui.
Quando você colocar seu e-mail corretamente e clicar em Assinar, vai aparecer uma janela pop de 550 de largura por 520 de altura onde você vai colocar o código ou as letras do captcha para prevenir o spam.
Vamos começar:
Vamos até a aba que fica à esquerda em MODELO = > EDITAR HTML, depois pressionamos a tecla Ctrl + F e colamos </style>; antes de </style> colamos o seguinte código style, que é o que vai dar a cor ao que falamos anteriormente:
PHP:
<!-- Style Suscríbete al Blog HablaChento.BlogSpot.Com! -->
#subscribe-floater.open{right:50px}
#subscribe-floater input{border:1px solid #47C8C3;height:26px;float:left;-webkit-border-radius:0;-moz-border-radius:0;-webkit-appearance:none;border-radius:0}
#subscribe-floater input[type="email"]{width:189px;height:32px;border-top:1px solid #e6e6e6;border-left:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;background:#fff!important;padding:1px 5px;color:#999}
#subscribe-floater input[type="submit"]{height:36px;background:#47C8C3;color:#fff;font-size:15px;padding:0 20px}
#subscribe-floater input[type="submit"]:invalid{border-color:#ED5260;background:#ED5260}
#subscribe-floater input[type="email"]:required:focus:valid{border-color:#4aa342}
#subscribe-floater input[type="email"]:required:focus:valid + input[type="submit"]{border-color:#4aa342;background:#4aa342}#subscribe-floater .x{position:absolute;right:13px;top:9px;font-size:14px;color:#222}
#subscribe-floater h1{font-size:32px;color:#333;margin:0}
<!-- FIN Style Suscríbete al Blog HablaChento.BlogSpot.Com! -->:encouragement: Depois de fazer esse passo, vamos até a aba que fica à esquerda => Layout para adicionar finalmente o formulário de assinatura do FeedBurner, clicamos em Adicionar gadget e depois procuramos HTML/Javascript Adicionar, você clica e cola o seguinte código:
Imagem Nº 4 Formulário atraente de assinatura do FeedBurner
PHP:
<!-- Suscripcion FeedBurner de HablaChento -->
<div id="subscribe-floater">
<h1>¡Suscríbete al Blog! <i></i></h1> <p>
¿Quieres recibir los artículos directamente<br /> en tu email? Suscríbete aquí.</p>
<div class="follow-by-email-inner">
<form action="https://feedburner.google.com/fb/a/mailverify" method="post" onsubmit='window.open("https://feedburner.google.com/fb/a/mailverify?uri=BienvenidosAHablachento", "popupwindow", "scrollbars=yes,width=550,height=520"); return true' target="popupwindow" method="post" onsubmit="if ((/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/).test(this.email.value))subscribe(this.email.value);this.email.value='';return !1">
<input class="follow-by-email-address" type="email" required="required" pattern="^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" name="email" placeholder="Ingresa tu Email" />
<input class="follow-by-email-submit" value="Suscríbete" type="submit" />
<input name="uri" value="BienvenidosAHablachento" type="hidden" />
<input name="loc" value="es_ES" type="hidden" />
</form>
</div></div>
<!-- FIN suscripcion FeedBurner de HablaChento -->SPAM | INDICAÇÕES
Obrigado aos colegas que gostaram do meu tutorial, qualquer dúvida ou sugestão me enviem no privado ou por aqui, mais imagens ou informações na fonte do tutorial. :encouragement:
Última edição por um moderador:
