Box Assinar Feed No Final Dos Artigos do Blogger
Nesta postagem compartilho com vocês está simples caixa de subscrição feed. Ter muitos assinantes no seu blog contribui para mais sucesso do seu blog, ou seja, quanto mais assinantes você tiver, melhor será para que o seu blog se torne mais popular, mais conhecido, enfim.
Para colocar a box no final das suas postagens é simples... Entre em "Modelo" - "Editar HTML" e procure pela tag
]]></b:skin>
Tendo encontrada a tag, cole ACIMA dela o seguinte estilo css
.contact-form-widget {
width: 280px;
max-width: 100%;
margin: 0 auto;
padding: 20px;
background: transparent;
color: #000;
}
.contact-form-name, .contact-form-email, .contact-form-email-message {
width: 100%;padding: 20px;
max-width: 100%;
margin-bottom: 10px;
}
.contact-form-button-submit {width: 280px;height: 50px;
border-color: #1e8cbe; font-size: 22px;
background:#1e8cbe;
color: #fff;float:right;}
#Subscribe-boxGB {
border: 1px solid rgba(221, 221, 221, 0.43);
border-radius: 10px 10px 10px 10px;
box-shadow: 0 0 30px #EEEEEE inset;
margin-bottom: 10px;
margin-top: 30px;
padding: 10px;
text-align: center;
}
#Subscribe-boxGB h2 {
color: #000000;
font-size: 24px;
line-height: 35px;
margin-bottom: 5px;
margin-top: 5px;
padding: 0;
}
#Subscribe-boxGB input {
border: medium none;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 5px #C2C2C2 inset;
color: #666666;
font-family: Open Sans;
font-size: 14px;
margin-bottom: 5px;
padding: 10px;
text-shadow: 1px 1px 0 #FFFFFF;
width: 340px;
}
#Subscribe-boxGB .submit {width: 160px;
background: none repeat scroll 0 0 #E53B2C;
border: 0 none;padding: 9px;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 1px 2px #E53B2C;
color: #FFFFFF;
cursor: pointer;
font-family: Open Sans;font-size: 16px;
font-weight: bold;
margin: 0 auto;
text-shadow: 1px -1px 0 rgba(0, 0, 0, 0.4);
}
#Subscribe-boxGB .submit:hover {
color: #FFFFFF;
opacity: 0.8;
}
#Subscribe-boxGB .submit:active {
background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent;
}
Agora, procure pela tag
<data:post.body/>
Observação Importante: Você vai encontrar três tags como esta. Faça o teste colando abaixo de cada uma das três tags. Se não funcionar na primeira, tente na segunda e se não funcionar na segunda, tente na terceira tag.
Tendo encontrada a tag, cole ABAIXO dela o código
<div id="Subscribe-boxGB">
<h2>
Você gostou desse artigo?</h2>
Então, digite seu email abaixo para
receber mais artigos como esse em seu email
Totalmente GRÁTIS !
<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">
<center>
<input name="email" onblur="if (this.value == "") {this.value = "Digite seu Email";}" onfocus="if (this.value == "Digite seu Email") {this.value = ""}" size="30" type="text" value="Digite seu Email" />
<input name="uri" type="hidden" value="dicashot" />
<input name="loc" type="hidden" value="pt_Br" />
<input class="submit" type="submit" value="Assinar" /></center>
</form>
</div>