Caixa de Assinar - Newsletter - Gadget

Muitos procuram gadget de assinar newsletter limpo simples, porém elegante para adicionar em seus blogs. Este é mais um tutorial que lhe ensinará a adicionar um gadget de assinar newsletter, fácilde instalar com efeitos em CSS. 
Você poderá posicioná-lo em qualquer parte do seu template, que aceite gadgets padrões do Blogger. 
O modelo ficará como está na imagem abaixo:

Colocando Gadget de Assinar Newsletter no Blog

Acesse o painel de controle do blogger > vá em layout > adicionar gadget > HTML/JavaScrips > E adicione o código abaixo, fazendo modificações somente nos locias indicados.

<style>

.mbt-email{

background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCfd3IAQ_j6di5VLvrnxfjofXn7yAaFJeJNHB4VTcdxBmjiFcrtYUATapfkXeHDOseMpSkv0TPh-YLVNUxVOYonDnWX8uuy-WF8OUhY6cMiG1juI5hIXonkx3FWzmFHH55RJG2zjbnJJFD/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>

No código tem dois textos destacadas em azul : "SEU-FEED", você irá substituir pelo nome do seu Feed no FeedBurner.