Atenção esta postagem foi dividida em três partes sendo ela a ultima se ainda não leu a primeira recomendo que leia todas as partes segue o link: O que é Feeds como usar e como configurar?
Colocar uma caixa de FeedBurner personalizada no seu Blog não é tão simples por isso deixo aqui uma já pronta
isso mesmo uma Caixa de FeedBurner pronta segue o modelo na imagem a baixo:
Clique na imagem para ampliar!
Vamos La copie o código a baixo para um bloco de notas:
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
<!--
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
-->
</style>
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onSubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=blogspot/Coloque aqui o seu ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p class="style2">Assine é grátis!</p>
<p class="style2"> Junte-se aos outros leitores e receba tranquilamente dicas exclusivas direto no seu Email! </p>
<p class="style1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirXg_uoZcsZQg8HCPyE4AWFFw1KZztjBd0fs0nTbNksOXoZ0IHvlbq3vGvctlb5YODfxw8Eki7MlCVIukMsa4bCIiqGsHLMaLwkjn6yOqHDdMG-gkIplmB4so0VgXBBhhOVONyt3tFgfG1/s1600/Untitled-3.jpg" width="50" height="50"/></p>
<p>
<input type="hidden" name="loc" value="pt_BR"/>
<input type="hidden" value="blogspot/anwRq" name="uri"/>
<input name="email" type="text" style="width:160px" value="Digite seu Email aqui!" onFocus='this.value=""'/>
<input name="submit" type="submit" value="Enviar" />
</p>
<p class="style2">Fique tranquilo seu Email não sera divulgado! </p>
<h5><a href="http://vejacomoganhar.blogspot.com.br/2015/02/como-colocar-o-feedburner-baixo-das.html" target="_blank">Colocar no meu Blog!</a> </h5>
</form>
</b:if>
<style type="text/css">
<!--
.style1 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
-->
</style>
<form style="border:1px solid #ccc;padding:3px;text-align:center;" action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onSubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=blogspot/Coloque aqui o seu ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<p class="style2">Assine é grátis!</p>
<p class="style2"> Junte-se aos outros leitores e receba tranquilamente dicas exclusivas direto no seu Email! </p>
<p class="style1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirXg_uoZcsZQg8HCPyE4AWFFw1KZztjBd0fs0nTbNksOXoZ0IHvlbq3vGvctlb5YODfxw8Eki7MlCVIukMsa4bCIiqGsHLMaLwkjn6yOqHDdMG-gkIplmB4so0VgXBBhhOVONyt3tFgfG1/s1600/Untitled-3.jpg" width="50" height="50"/></p>
<p>
<input type="hidden" name="loc" value="pt_BR"/>
<input type="hidden" value="blogspot/anwRq" name="uri"/>
<input name="email" type="text" style="width:160px" value="Digite seu Email aqui!" onFocus='this.value=""'/>
<input name="submit" type="submit" value="Enviar" />
</p>
<p class="style2">Fique tranquilo seu Email não sera divulgado! </p>
<h5><a href="http://vejacomoganhar.blogspot.com.br/2015/02/como-colocar-o-feedburner-baixo-das.html" target="_blank">Colocar no meu Blog!</a> </h5>
</form>
</b:if>
Atenção e muito importante que tenha anotado corretamente o
ID do seu FeedBurner ou vai dar tudo errado procure no código acima pela
seguinte linha:
('https://feedburner.google.com/fb/a/mailverify?uri=blogspot/Coloque
aqui o seu ID', 'popupwindow', 'scrollbars=yes,width=550,height=520');return
true">
Pronto coloque o seu ID onde este grifado e escrito de vermelho:
EX:
EX:
('https://feedburner.google.com/fb/a/mailverify?uri=blogspot/Vejacomoganhar', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
Logo em seguida vá para o painel do blog e clique em Modelo...
E em Editar HTML você verá um monte de código não se preocupe isso é o código fonte do seu blog...
Agora aperte a sequencia de teclas do seu teclado CTRL+F e procure a linha de código a abaixo:
<div
class='post-footer-line post-footer-line-3'>
Agora copie o código da sua caixa de Feeds que você já editou com o
seu ID e cole bem a abaixo deste código e
pronto finalizamos.
Entendeu? espero que sim se tiver duvidas pode comentar logo a baixo, finalmente terminamos
agora tudo vai ocorrer automaticamente sempre que alguém se cadastrar em seu
Feed você recebera um e-mail informativo avisando de um novo leitor e sempre que fizer
novas postagens seus leitores receberam as atualizações nos seus emails.
E não se esqueça divulgue sempre que puder o link direto
para o seu FeedBurner isso ajuda muito a indexar as paginas do seu blog e consequentemente atrair mais visitas para o seu blog.
Nenhum comentário:
Postar um comentário