Fidelize Ainda Mais Leitores Com A Caixa de Feeds Personalizada

Fidelizar os leitores é uma das melhores formas de converter cliques. Com visitantes fiéis você tem credibilidade na rede, compartilhamento mais rápido nas redes sociais e os produtos que queira vender ou qualquer serviço online, dicas, opiniões, etc. serão mais aceitas e terão mais eficiência.

Há várias maneiras de se fidelizar um leitor; através de redes sociais como facebook e twitter (barra lateral flutuante de redes sociais), feeds, ser adicionado em favoritos, participando do  seu blog no google, etc. Mas uma das mais fáceis de se usar fica localizada na lateral de muitos blogs e pouco visível, é o Feed Rss. Fazendo com que o visitante até se esqueça que está lá ou nem veja.

A caixa personalizada de Feed RSS é uma das formas que vou explicar aqui, só que personalizado, numa posição mais que funciona melhor e que capta mais rápido. Aproveite e se inscreva em nosso feed.

Adicione uma caixa de feed rss personalizada no seu blog. Depois de adicionado, o hora extra online fidelizou ainda mais leitores do que com a caixa lateral de feeds tradicional do blogger.

Adicionado Caixa De Feed Personalizado No Seu Blog

Para fazer isso você terá que mexer em seu template (folha de estilos). Então, é altamente recomendável fazer o backup do seu template antes de qualquer coisa seja feita errada. Assim você poderá restaurá-la como estava anteriormente.

Acesse o painel do blogger e acesse modelo:

Depois clique em "fazer download do modelo completo" e salve em local que você não esqueça:

Em seguida, acesse Modelo e clique em editar Html:

Procure a linha de comando apertando Ctrl+F (dentro da caixa de códigos) e pesquise este comando <data:post.body/>.

Você poderá achar 3 <data:post.body/> em seu template, tente pelo último que você encontrar. Então, exatamente abaixo da linha <data:post.body/>, cole o código abaixo:

<style> #sub-box{background: border:1px solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)} #sub-box h1{margin-top:5px; color:#000;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px} #sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;} #sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#1853e1), to(#2e6bff));background: -moz-linear-gradient(center top , #1853e1, #2e6bff) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;} #sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent} #sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent} </style> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='sub-box'><h1>Receba nossas atualizações grátis:</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=HoraExtraOnline&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Escreva aqui seu e-mail...&quot;;}' onfocus='if (this.value == &quot;Escreva aqui seu e-mail...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Escreva aqui seu e-mail...'/> <input name='uri' type='hidden' value='HoraExtraOnline'/> <input name='loc' type='hidden' value='pt_BR'/> <input class='submit' type='submit' value='Inscrever'/></center></form></div> </b:if>

Fonte: ferramentasblog.com

Os nomes em vermelho devem serão retirados do feed que você usa:

http://feeds.feedburner.com/HoraExtraOnline

Retire os nomes do horaextraonline no código acima e coloque o do seu feed que deve estar a partir da parte vermelha do URL exemplo.

Agora clique  em salvar o modelo e acesse seu blog como você acessa qualquer outro blog, não acesse clicando em Visualizar no painel do blogger, porque ele pode não mostrar as alterações.

OBS: Se não funcionar, desfaça as alterações no HTML do seu template e repita o processo em cada uma das outras 2 linhas <data:post.body/> existentes. Se for necessário restaurar o backup salvo nos passos iniciais desse tutorial, clique em modelo, escolha o template salvo anteriormente e clique em Fazer Upload do seu template (arquivo .xml). 

Siga o Hora Extra Online no Twitter e no facebook.

Sucesso a todos.

Receba nossas atualizações grátis: