Widget Box Personalizada Feed Assinar Para Blogger

Nesta postagem compartilho mais um código de Widget para colocar na lateral do seu blog. A box é de fácil personalização, por isso você não terá dificuldades para mudar a cor, mudar o título, mudar a cor da barra de digitação, entre outras coisas. Espero que gostem da box.

A box facilitará para você conseguir mais assinantes no seu blog. As pessoas assinando o Feed do seu blog, elas poderão receber pelo e-mail novas postagens. 

Saiba mais sobre o assunto: Como configurar Feed corretamente no Blogger

Para colocar em seu blog...

Entre em "Modelo" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código

<style>
/*----------------------- EMAIL SUBSCRIBE WIDGET BY DICASHOT------------------------------*/
#email-subscribe {
padding: 26px;
background: #2f2f2f;
}
#email-subscribe h4.title {
font-size: 20px;
color: #FFFFFF;
line-height: 1;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
}
#email-subscribe h4.title span {
display: inline-block;
font-weight: bold;
font-size: 30px;
margin-top: 15px;
}
#email-subscribe input.email-field {
color: #000;
background: #FFFFFF;
margin-top: 18px;
}
#email-subscribe input {
border: none;
width: 100%;
text-align: center;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
box-shadow: none;
border-radius: 0;
height: 45px;
font-size: 15px;
line-height: 19px;
}
#email-subscribe input.submit {
background: #;
color: email;
margin-top: 20px;
font-size: 18px;
text-transform: uppercase;
font-weight: 500;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.05);
cursor: pointer;
}
</style>

<div class="widget-content">
<div class="email-subscribe" id="email-subscribe">
<h4 class="title">ATUALIZAÇÕES<br /> <span>NO SEU MAIL</span></h4>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DicasHot', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" _lpchecked="1">
<input class="email-field" type="text" value="" placeholder="Digite seu e-mail aqui" name="email" />
<input type="hidden" value="DicasHot" name="uri" /><input type="hidden" name="loc" value="pt_BR" />
<input class="submit" name="submit" type="submit" value="Cadastre-se agora" />
</form>
<div class="clear"></div>
</div>
<div style="text-align: right;">
<span style="font-family: Times, Times New Roman, serif; font-size: xx-small;">Widget by <a href="http://dicashot.blogspot.com/" target="_blank">DicasHot</a></span></div>
</div>

Na parte destacada de azul, coloque o nome do seu Feed Burner.

Tendo feito isto, está pronto!!!