Gadget assinar feed para blogger

O termo FEED vem do verbo em inglês “alimentar”. Feed é uma forma de dados usado em formas de comunicação com conteúdo atualizado frequentemente, como sites de noticias ou blogs e tem um papel muito importante que é fidelizar seu público e mantê-los sempre conectados .

Uma das maneiras de aumentar o número de assinantes de feed é oferecendo mais de uma forma de assinatura para os visitantes. E hoje eu trago um gadget de assinar feed simples e muito elegante, esse widget é muito fácil de customizar e pode ser adicionado onde quiser.

Vamos ao tutorial, para adicionar o gadget acesse o painel do blogger selecione layout e em seguida adicionar gadget na janela que se abrirá selecione Html/Javascript no campo conteúdo cole o seguinte código.

 <style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSHXqwHlpf1-NbYnuzV6lVgsSpR206xL9zrgjUkfKifZwJ7fFyDOkbuNCIv0Xf5ofTJZO4IGhhXDm7xys4T04zKbBrDXLLaIwAKeF-1toqqvkA5urEPkDfK8iuR8HtsBQ622u2Krd2WNLa/s1600/RSS-48x48.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:13px;
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>

Onde esta em negrito você sustitue pelo seu feed, pronto! Agora é só salvar.

Aproveite e assine nosso feed é grátis. Assinar

O que achou? Qualquer duvida comente!

Tweet