WIDGET ASSINAR FEEDS (Atualizações por Email)

A maioria das pessoas querem um widget de assinar Feeds, simples, limpo, mas elegante e bonito para seus Blogs. Hoje nós apresentamos um widget elegante e bonito de assinar Feeds para Blogs, fácil de instalar com novos efeitos CSS.

Este widget 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 widget assinar Feeds em seu Blog. É o mesmo que eu uso na barra lateral do Dicas Blogger.

Como colocar o widget Assinar Feeds no blog?

É muito simples!

1. Acesse o painel do seu blog
2. Clique na guia "Layout"
3. Clique em 'Adicionar um gadget' → Escolha tipo'HTML/Javascript' e cole o seguinte código:

<style>
.mbt-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRuomF7HAi6podB1CQ_xSoN1aXjz5N2A7dnDX40fLMFKmLHH05J5Dwc7P9mcLSC85Ffa1h_upLc5ytXKNOqdK-mTdsGvrIW9Ni3gnJIl6FIZoyHqi38nm7LsJIEeyQfrLdgChW5N-45Ymi/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: 

SEU-FEED 

Você vai substituir pelo nome do seu feed

Clique em salvar e pronto!

Fonte: Dicabloger