Widget "Assine o Feed" no rodapé dos posts

Widget "Assine o Feed" no rodapé dos posts

6 10 99
Widget "Assine o Feed" no rodapé dos posts 10 6 99

image

Que tal colocar no rodapé dos seus posts, um convite para que os visitantes assinem os Feeds do seu blog? É um widget semelhante ao Assine-Já, porém ele só aparecerá nas páginas individuais, evitando assim a poluição visual.
Sem título

Entre no html do seu template, clique em "expandir modelos de widgets" e procure por:

<div class='post-header-line-1'/>

Após esta tag, cole o código abaixo, com as devidas modificações:
  • nos locais onde aparecem a url do FeedBurner, coloque a do seu blog
  • onde aparece feedID=XXX, em XXX coloque sua ID do FeedBurner
  • a imagem você pode trocar em src=

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='subscribe'> <table border='0' cellpadding='2' cellspacing='2' style='text-align: left; width: 100%;'>
<tbody>
<tr>
<td style='background-color: rgb(237, 237, 237);'><a href='http://feeds.feedburner.com/SEUBLOG'><img alt='Feed' src='http://img228c.imageshack.us/img228/8136/ballonfeedadd32x32up8.png' style='border: 0px solid ; width: 32px; height: 32px; float: left;' title='Assine'/></a><br/>
Assine nosso <a href='http://feeds.feedburner.com/SEUBLOG' target='_blank'>Feed</a>
ou receba os artigos por <a href='http://www.feedburner.com/fb/a/emailverifySubmit?feedId=XXX&amp;loc=pt_BR'>email</a>
</td>
</tr>
</tbody>
</table>
</div>
</b:if>

Este código é uma adaptação do Hack Compulsivo Como personalizar o rodapé dos posts.

Imagem: Keyler Wagner on Flicker

51 Comments
Comments
  1. eu quero isso, só que para wordpress...

    ResponderExcluir
  2. Olha, gostei muito das dicas e estou aproveitando muito no meu blog , mas essa aí não deu certo, acho que fiz alguma coisa errada, pois esta dando um erro bX-9khcxc, pode por favor me ajudar , agradeço.

    ResponderExcluir
  3. Juliana andei visitando uns blogs
    quando me deparei com o Info Giro me aparenta ter copias das suas postagens veja:
    http://infogiro.blogspot.com/

    ResponderExcluir
  4. Juliana ta comprovado comparei seus post com o dele ele pegou trechos e alguns nem modificou nada que cara de pau.

    ResponderExcluir
  5. Ola Juliana,
    Gostei muito da dica!!
    Vou inplantar no meu blog..
    Quase todas que voce posta aqui eu inplanto no meu blog..
    Abraços

    ResponderExcluir
  6. Juliana muito legal essa dica facilita bastante

    Abraço

    ResponderExcluir
  7. Oi Juliana, tentei fazer e apareceu esse erro:

    Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: The value of attribute "href" associated with an element type "null" must not contain the '<' character.

    :( Pode me ajudar? Obrigado e abraços.

    ResponderExcluir
  8. Muito bom!
    Funcionou perfeitamente aqui. (:

    ResponderExcluir
  9. Pessoal, até a publicação deste post eu testei diversas vezes o código. Como disse o nerdsedentario, está funcionando perfeitamente. Tentem novamente. Mexer no html é chato mesmo. Abraços

    ResponderExcluir
  10. Isaque, eu vi o blog e realmente há plágio lá. Mas nem vou fazer nada porque deve ser um desses infelizes sem criatividade e sem futuro. Obrigada pelo toque. Abraços

    ResponderExcluir
  11. Oi valeu pela dica, eu acho que isso gera uma probabilidade maior para os visitantes assinarem o feed mas quando eu coloquei o código logo abaixo do:
    div class='post-header-line-1'/

    O link do RSS apareceu no topo do post, então eu coloquei logo abaixo do:
    p class='post-footer-line post-footer-line-1'

    E dai funcionou blz. Talvez seja porque eu tenha um template que não seja o clássico, sei lá mas no final deu tudo certo.

    Obrigado e um abratz.

    ResponderExcluir
  12. É Juliana, o código abaixo de div "class='post-header-line-1'" ele fica no topo do post.

    Ai fica pro pessoal e colando o codigo em
    "p class='post-footer-line post-footer-line-XXX"

    Até achar o real rodapé, porque com 'a vaca foi pro brejo' foi logo no primeiro código, o meu teve que ter logo após do código
    "p class='post-footer-line post-footer-line-3"


    mas ótima dica (Y)

    ResponderExcluir
  13. Já incluí mais essa dica Juliana.
    Obrigado por compartilhar conosco.
    beijo na buchecha

    ResponderExcluir
  14. Muito facil.
    Até troquei a imagem. Essa é uma boa maneira de estimular as pessoas a assinarem o seu blog. Agora quero colher os resultados!

    Valeu por mais essa!
    www.lemosideias.blogspot.com

    ResponderExcluir
  15. ju vc pode me explicar como fazer para esse código ficar ajustado com uma imagem 16x16, pq quando mudo a imagem ela fica la em cima e o codigo fica meio alto, gostaria de diminuir a altura entende?

    ResponderExcluir
  16. Juliana quero parabenizá-la pelo site!
    Está de parabéns é muito organizado e "limpo", da vontade de ficar aqui.
    Que Deus continue lhe abençoando!

    Maxmiler

    ResponderExcluir
  17. Juliana, já ia me esquecendo... Gostaria de lhe pedir uma gentileza. Eu sou evangélico e criei um blog que funciona como um site para minha igreja, mas eu não tenho o conhecimento que você tem, tanto que venho periodicamente aqui buscar ajuda. Então gostaria de saber se você poderia visitar nosso "site", e se possível me passar por e-mail sua avaliação do site. É um pedido meio estranho eu sei, mas não custa nada, a não ser alguns minutos, mas creio que você não perderá nada, pelo contrário ganhará.

    Não precisa publicar este comentário, pois na verdade não se trata de um comentário, mas sim de um pedido. Aguardo sua resposta e agradeço desde já.

    Fique com Deus!

    Obrigado!

    ceo-familiaevida.blogspot.com

    Maxmiler de Medeiros Freitas

    ResponderExcluir
  18. ee ai juuu, sabe me dize? hehe
    bejo e sucesso pro blog...

    ResponderExcluir
  19. Melo o código foi desenvolvido para imagens de 32 x 32.Abraços

    ResponderExcluir
  20. Namastê...

    Testado, aprovado e inserido.

    Parabéns e Sucesso!!!

    Graça e Paz!!

    ResponderExcluir
  21. Olá Juliana, inseri tudo certinho mas não consigo achar o número de código rgb (..background-color: rgb(237,237,237)..) para a cor branca do plano de fundo, poderia me repassar essa combinação de números?

    ResponderExcluir
  22. Juliana, sobre o assunto de plagio, o que você acha de quando copiar post de outros blogs, mas dando as devidas referências nos fins de cada post, com links e pessoa que escreveu, isso pode ser considerado um plágio, mesmo que não tenha entrado em contato com o autor?

    ResponderExcluir
  23. Usando este mesmo código, como seria pse eu quisesse que aparecesse em todas as páginas?

    ResponderExcluir
  24. Como faço pra saber a minha Id do feed burner?

    ResponderExcluir
  25. oi, como faz para a letra ficar normal, sem ficar em letra de FORMA ? valeu

    ResponderExcluir
  26. ótima dica, fiz aqui, funcionou certinho bem fácil... valeu.

    ResponderExcluir
  27. ja descobri, basta trocar onde tem 'uppercase' para 'normal'. :DD

    ResponderExcluir
  28. Ola, primeiramente parabens pelo trabalho, agora tenho uma duvida, como pego o feedId nao encontrei nada que falasse sobre o assunto, sou novo nesta area e estou precisando de ajuda, sem mais obrigado

    Anderson
    Blogozado@gmail.com

    ResponderExcluir
  29. Tentei várias vezes, em várias linhas diferentes, e sempre dá erro. Esse código não funciona no meu blog, dá erro bX-fa28oj, e algumas vezes um outro código de erro. Infelizmente não dá certo. Tentei também o código do Usuário, mas é pior ainda, nem se quer existe no meu html os códigos que ele diz para procurar.

    Detalhe: o meu template é o Geek, Juliana, que você disponibilizou (muito bom, por sinal).

    ResponderExcluir
  30. Infelizmente não consegui,aparece o erro bX-btce2j, mas continuarei tentando.

    ResponderExcluir
  31. A persistência deu certo!Consegui!
    Vlw

    ResponderExcluir
  32. Olá juliana, a imagem esta off

    http://img228c.imageshack.us/img228/8136/ballonfeedadd32x32up8.png'

    poderia consertar ?

    a espera !

    ResponderExcluir
  33. Bom dia.
    Eu quero muito fazer isso
    soh que nao sei qual o id que coloco no lugar do XXX

    Poderia me ajudar?
    Caso possa(sei que voce odeia) manda resposta po meu email
    cantinhodobaka@gmail.com

    ResponderExcluir
  34. Ju, estive testando esse código só que ele estava sempre saindo abaixo do título do post e acima do post,achei estranho e fui tentar colocar o código no lugar certo e consegui, vou explicar como consegui para que pessoas que tenham o mesmo problema que eu possa resolver também até pra dar uma força:

    Para quem instalou o código e a caixinha saiu no canto errado aqui vai a dica:

    Poste o código logo após de:(RETIRE OS ZEROS QUE SE ENCONTRAM DEPOIS E ANTES DOS < > )

    <0div class='post-footer-line post-footer-line-3'/0>

    ao invés de:

    <0div class='post-header-line-1'/0>

    e a caixinha sairá no lugar certo. =)

    E para quem quer mudar a cor do interior da caixinha onde tem escrito os feeds é só alterar os números que vem após (rgb).
    Ex: se quiser a caixinha branca ao invés de cinza coloque os valores assim: rgb(999, 999, 999).

    Ju! Mais uma vez agradeço por me ajudar tanto nesse mundo difícil(que agente pega as manhas com o tempo) que é o blogger! Espero tá te ajudando! De coração.

    Grande abraço!

    [.P]

    ResponderExcluir
  35. Muito legal as suas dias. Fiz como você orientou mais o feed ficou logo abaixo do título da postagem e não no final. Como resolvo isso.

    ResponderExcluir
  36. Parabens Juliana. Conheci seu blog hoje e fiquei de queixo caido hehehe. Tem muita dica interessante, espero conseguir implantar algumas no meu blog.

    Essa aqui eu já não consegui hahaha. Não entendi o lance do XXXX e depois vendo os comentários do pessoal me enrolou ainda mais a cabeça. hahaha.

    Abraço e parabens

    ResponderExcluir
  37. legal essa dica...mais ficou melhor quando li o comentario do pontopro...a respeito de num ter ficado no lugar certo...
    Brigadu Ju.....

    ResponderExcluir
  38. Ju, fica bem legal, mas deve ser usado em cada blog, com as cores certas... tentei colocar, mas ficou acima dos Posts; mas eu queria embaixo, mas tudo bem, eu retirei...

    ResponderExcluir
  39. Pô Julia,

    Quantas vezes quis colocar essa pequeno link abaixo dos meus posts e não conseguia, mais agora, "se acabaram meus probremas" graças a essa excelente dica, valeu.

    Eu só precisei colocar abaixo de:
    p class='post-footer-line post-footer-line-1'
    Que deu todo certo.

    ResponderExcluir
  40. Juliana:

    Fiz, seguindo as dicas de procurar outro "código" div class='post-footer-line post-footer-line-XXX' span class='post-author vcard' conforme as dicas dos comentaristas acima adaptei abaixo desta assim, para dar certo no template (Mínima do Douglas).

    Quanto ao endereço do ID Feed, encontrei como localizar o meu em:

    http://www.nathanrice.net/blog/whats-my-feedburner-id/

    Mas não dava permissão para assinar por e-mail então adaptei de uma dica que a muito já estava no layout e está funcionando.

    Seguindo também as dicas anti-plágio.

    Só um dúvida,a caixinha de assinatura só "aparece" se clicar para comentar? Ou tem que aparecer abaixo do post na página principal?


    []'s Arierônicos.

    ResponderExcluir
  41. A imagem do Feed está quebrada.
    Muito bacana seu blog. Me ajudou a montar o meu.

    ResponderExcluir
  42. OI JULIANA
    OBRIGADA POR EXISTIR!
    NUNCA FIZ UM BLOG E COM SUAS DICAS ESTOU CONSTRUINDO, AOS POUCOS... O MEU!
    ESTOU ADORANDO APRENDER.
    BJOS
    CLÁUDIA

    ResponderExcluir
  43. Parabéns ótimo artigo já coloquei no meu blog!vou indicar seu blogger Twitter! valeu!

    ResponderExcluir
  44. Juliana mais uma vez mandando muito bem...parabéns!!!!!!!!!!

    ResponderExcluir
  45. muito sucesso, nunca dei importância a isso no meu blog de religião, comecei tudo como um passatempo agora estou levando tudo a sério, parabens por todos seus artigos do blog, ótimas dicas

    ResponderExcluir
  46. Ju,
    Fiz conforme algumas pessoas comentaram, inseri o código abaixo de "p class='post-footer-line post-footer-line-1'", dessa forma ele apareceu abaixo do post.

    Abaixo de "div class='post-header-line-1'/" fica acima do post e abaixo do título, não sei se foi essa a sua intenção. De qualquer maneira é uma boa dica, gostei e já implantei.

    Obrigado!

    ResponderExcluir
  47. O Hack fica abaixo do título!

    ResponderExcluir
  48. É incrivel eu tentei colocar com o do Usuario Compusivo não deu quando eu tentei no aki deu

    ResponderExcluir
  49. olá juliana eu queria saber, como vc conseguiu colocar redes sociais no rodapé, eu agradeceria e mt se vc me ajudar, te+

    ResponderExcluir
  50. Ficou abaixo do título da postagem e não no rodapé

    ResponderExcluir
 
Dicas Blogger© 2007-2015 | Todos os direitos reservados | Design By Duy Templates
Top