Box Personalizada Assinar Feed - Versão #3
Nesta postagem estou compartilhando com vocês uma box que uso aqui no site a um bom tempo para ajudar a conseguir mais assinantes feed.
Torne-se membro do site, basta clicar no botão abaixo e clicar em Seguir:
Para colocar em seu blog... é simples...
Entre em "Layout" - "Adicionar um Gagdget" - "HTML/JavaScript" e cole o código
<style>
#footer-newsletter-wrap {
background: #eee;
margin: 0 0 0 0;
padding: 30px 0;
}
#footer-newsletter {
color:#000;
max-width: 560px;
width: 100%;
margin: 0 auto;
}
#footer-newsletter h2 {
margin: 0px 0 10px 0;
padding: 0;
border-bottom: none;
font-weight: bold;
text-transform: none;
color: #111;
font-size: 28px;
}
#footer-newsletter ::-webkit-input-placeholder {
color: #ffffff;
}
.newsletter-inner .subscribe {
width: 100%;
border: 0;
background: #A80000 !important;
min-width: 80px;
color: #fff;
font-size: 16px;
border-radius: 2px;
font-weight: bold;
padding: 16px;
float:right;
}
.newsletter-inner .newsletter-address {
color: #fff !important;
width: 90%;
padding: 16px;
font-size: 16px;
border: 0;
background-color: #999;
float: left;
}
.newsletter-inner {
margin-top: 15px;
}
#footer-newsletter-wrap h2, footer-newsletter-wrap p {
text-align: center;
}
</style>
<div id='footer-newsletter-wrap'>
<div id='footer-newsletter'>
<h2 class='title'>Eu quero receber posts legais <span style='color:#A80000;'>!</span></h2>
<p style=' text-align: center;'>Assine o nosso feed e não perca nossas atualizações.</p>
<div class='newsletter-inner'>
<form action='http://feedburner.google.com/fb/a/mailverify' 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'>
<table>
<tr>
<td width='100%'>
<input class='newsletter-address' name='email' placeholder='Digite seu e-mail...' type='text'/>
</td>
<td>
<input class='subscribe' type='submit' value='Ok!'/>
</td>
</tr>
</table>
<input name='uri' type='hidden' value='DicasHot'/>
<input name='loc' type='hidden' value='pt_BR'/>
</form>
</div>
</div>
<div style="text-align: right;">
<span style="font-size: xx-small;">Widget by <a href="http://dicashot.blogspot.com.br/" target="_blank">DicasHot</a></span></div>
</div>
Modifique apenas a parte destacada de vermelho.
