Box Azulada Para Inscrições Via FeedBurner - Exclusivo

Nesta postagem compartilho com vocês está caixa bem simples para inscrições no feed.

Primeiramente vamos aplicar o estilo CSS. Para fazer isso... Entre em "Modelo" - "Editar HTML" e procure pela tag

]]></b:skin>

Tendo encontrada a tag, cole ACIMA dela o seguinte estilo css

#sidebar-subscribe-box{background:#9df !important;padding:3px 0;margin-top:-6px;
margin-bottom:-17px;}

.sidebar-subscribe-box-wrapper{
background-color:#93d1ea;
background: url(http://themes.presslayer.com/Place/wp-content/themes/Place/images/mail_s.png) right 20px no-repeat;color:#fff;
text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
line-height:20px;
padding:1px 20px 10px;text-align:left;}

.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}

form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}

.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYdzGBNZddEnAYiU2pU8_vKxZB0rS1WLC7t8Rf9gbdmJTn_KalVAe6scrYfrbPmgzsea0E41gkFmtDbvKGBGAMbDehZlSRCoPhBXM_3uVqAptjkAtnnhXc1KC41xNHSXTP7TxA8DvcNBwl/s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:48%;margin-right:-3px;}

.sidebar-subscribe-box-email-button{
box-shadow:none!important;
margin-left:8px;
border-radius: 6px;
width:40px !important;
background:#333;
color:#fff;
cursor:pointer;
font-family:verdana;
font-weight:700;
padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;
padding-left:10px;padding-left:1px}

.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#333}.sidebar-subscribe-box-email-button:active{iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:20%}embed{border-radius:3px;background:#FFF;border:1px solid #ddd;margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8qMbnHp_EPHM0X6b-sd03K76b1dd49TTYhoCKXYW026NCcxiat2gvWld8zPxsYssl7JoBvHpjn2mAl9NaRo83NMVjvcbrrbWBVWsWcjXuC8p9r0oPvyknXP-34frK4mQIs-AfE4SAAkJt/s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}
.border_b {
background: url(http://themes.presslayer.com/Place/wp-content/themes/Place/images/mail_border.png)repeat-x;
z-index:1;
}
.top-border{
margin-bottom:-100px;
}

Tendo colado, pode salvar e fechar está parte de edição.

Agora, entre em "Layout" - "Adicionar um Gadget" - "HTML/JavaScript" e cole o seguinte código

<div class="sidebar-subscribe-box-wrapper">
<br>
<p><font size="5">Newsletter</font></p>
<br>
<p>Registe-se para receber atualizações por e-mail e saber o que está acontecendo em nosso site!</p>
<br>
<div class="sidebar-subscribe-box-form"><form action="http://feedburner.google.com/fb/a/mailverify?uri=DICASHOT" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=DICASHOT', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="DICASHOT"><input name="loc" type="hidden" value="en_US"><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Your email address :)"><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="OK"></form></div></div>

Faça as modificações nas partes destacadas no código.

Tendo feita as modificações no código, basta salvar e pronto!!!