Gadget caixa de Assinar Newsletter para Blogger

Siga o Ferramentas Blog: Canal no Youtube | Facebook | Twitter | Google+
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

A maioria das pessoas querem um gadget de assinar newsletter, simples, limpo, mas elegante e bonito para seus Blogs. Hoje nós apresentamos um elegante e bonito de assinar newsletter para Blogger, fácil de instalar com novos efeitos CSS. Pode ser colocado em qualquer lugar do seu template que aceite gadgets padrões do Blogger e ficará semelhante à imagem abaixo.

Widget Assinar feeds

Este gadget irá manter a sua barra lateral arrumada e limpa e certamente irá atrair visitantes para se inscrever. Siga os passos a seguir para adicionar este simples e elegante gadget assinar newsletter em seu Blog.

Como colocar o gadget de Assinar Newsletter no blog?

É muito simples!

1. Acesse o painel do seu blog no Blogger.

2. Clique no menu “Layout

3. Clique em “Adicionar um gadget” → Escolha tipo “HTML/Javascript” e cole o seguinte código, só modificando o que está indicado:

<style>
.mbt-email{
background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#0084CE;
}
.mbt-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:4px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif; box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);
}
.mbt-emailsubmit:hover{
background:#0084CE; box-shadow:inset 8px 8px 6px rgba(0,0,0,0.1);
}
.textarea{background: #fff !important;box-shadow:inset 4px 4px 3px rgba(0,0,0,0.1);
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #888; font-size: 12px;
height: 25px; width: 165px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0px; }
</style>
<div class="mbt-email">
Receba as atualizações via Email
<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=SEU-FEED', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="SEU-FEED" name="uri"/><input type="hidden" name="loc" value="pt_Br"/>
<input class="mbt-emailsubmit" value="Submit" type="submit" />
</form>
</div>

Nota: Observe que no código tem dois texto destacados com a cor vermelha:
Onde estiver SEU-FEED, você vai substituir pelo nome do seu feed da sua conta do Feedburner.

Você poderá arrastar o Gadget para a base ou o topo da área de postagens, por exemplo, para ficar mais visível ou deixar na barra lateral (sidebar) do seu blog.

Já pensou em ser um(a) Blogueiro(a) mais Profissional?

Está cansado(a) de ser um blogueiro mediano(a) e que não tem resultados com seu Blog, não ganha dinheiro e não recebe as visitas que gostaria?

Você chegou aqui procurando como aprofundar seus conhecimentos em Blog, como Ganhar Dinheiro com seu Blog, aplicar as melhores técnicas de SEO, divulgar seu Blog e fidelizar seu público alvo. E posso te ajudar com essas coisas e muito mais, elevando o nível de qualidade do seu projeto.

Desenvolvi um curso completo, totalmente online, cobrindo tudo o que é necessário para um Blog atingir seu potencial máximo, detalhe por detalhe, que vão te tornar um Blogueiro de Elite:
  • Técnicas de produção de conteúdo
  • Fidelização do Público alvo
  • Divulgação e Técnicas de SEO
  • Métodos e técnicas de Monetização
Acesse AGORA: https://blogueiro.pro e se torne um Blogueiro de Elite.

Esta é sua chance de ser mais profissional e ter um blog eficiente, completo e que pode ser sua fonte de renda permanente. Sou Blogueiro desde 2007 e condensei todo este conhecimento dentro do curso Blogueiro de Elite para entregar a você.

21 Comentários

  1. Coloquei o widget apareceu normalmente, mas quando alguém digita o e-mail para assinar a feeds aparece a mensagem: The feed does not have subscriptions by email enabled. Qual o erro? Eu comoquei meu endereço de feed corretamente. Se puder me responder!

    Responder

  2. TA VENDO Q O POST É RESUMIDO ENTÃO O CONTINUE LENDO TA NO FUNDO DO POST ANTES ELE NÃO TAVA ENTÃO COMO FASO PRA SUBIR ELE HUM POQUIM O “CONTINUE LENDO”

    Responder

  3. Deu não… desconfigura… aumentei a contra-gosto a barra lateral para 340px, o texto ficou próximo demais do limite… editei ele pra diminuir, mas então desconfigura o ícone envelope… :-/

    Responder

    • Cara não tem como dá errado.

      width:300px; É o tamanho total do widget
      width: 165px; É tamanho da caixa de texto

      Você só tem que mexer nessas duas partes do codigo.

      Observe que no rodape das postagens aqui no Dicas Blogger tem o mesmo widget; eu só aumentei o tamanho.

      Tenta que você consegue

      Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.