Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Criação de Blogs Profissionais e Redes Sociais.

Postagens Vanessa S.

Incluir Mensagem no Final dos seus Artigos no Blogger

Atendendo ao pedido feito por Aleluia Web Net, vou explicar como adicionar um texto com uma mensagem no final dos artigos do Blog, assim como tem aqui no Mundo Blogger.
Veja imagem demonstrativa abaixo:

Você pode personalizar a mensagem que deverá aparecer logo no final dos seus posts.
A mensagem aparecerá de forma automática, inclusive nos artigos já publicados.

[alerta]Atenção:
Antes de mais nada quero deixar claro que como em todos os tutoriais publicados aqui, eu testo todos os recursos antes de publica-los, e utilizo sempre como base os códigos constantes nos templates padrões do Blogger (Minima), ou do Designer do modelo. Portanto, dependendo do template que você está usando, pode ocorrer que você não encontre algum dos códigos citados.
Sendo assim, você terá que procurar e testar sozinho(a) os códigos dentro do seu template, referentes à instalação do recurso em questão!
Nos trechos referentes a aplicação de estilos CSS dos códigos, eu sempre destaco o que cada trecho representa, para que você mesmo(a) personalize á sua maneira. Leia o tutorial com atenção, faça testes e boa sorte![/alerta]

Mensagem automática no final dos artigos do blog:

Entre no modo Editar HTML” ? marque a caixinha “Expandir modelos de widgets“, e procure por este código:



<div class='post-footer'>

E logo ACIMA dele, cole o seguinte código:



<div id='finalpost'>

SEU TEXTO AQUI

</div>

Caso queira incluir uma imagem antes do seu texto, ao invés de utilizar o código acima, utilize este código:



<div id='finalpost'>

<img align='absmiddle' src='ENDEREÇO-DA-SUA-IMAGEM' style='width: 24px; height: 24px; float: left;'/>

SEU TEXTO AQUI

</div>

O código acima, está configurado para utilizar uma imagem no tamanho de 24×24.
Se for utilizar uma imagem maior, não se esqueça que você DEVE EDITAR os valores de “width e height“, colocando o mesmo tamanho da imagem que está utilizando.

Se você quiser que mensagem apareça apenas na Página Interna (área do seu artigo), você deverá acrescentar uma condicional para oculta-la na home.
Veja como fica:



<div id='finalpost'>

<b:if cond='data:blog.pageType == "item"'>

<----SEU TEXTO AQUI---->

</b:if>

</div>

Caso queira aprender mais sobre como ocultar ou exibir determinados elementos em determinadas páginas, leia o artigo:
Ocultar Elementos em Página Específica

 

Aplicar estilos para personalizar a mensagem:

Volte na aba “Design ? editar html“,e procure pela tag: ]]></b:skin>
e cole ACIMA dela:



#finalpost{

margin:20px 0px 20px 0px;  /* distancia entre o texto e o post */

padding:10px 5px 10px 5px;  /* edite se quiser */

font-size:13px;  /* edite tamanho da fonte */

text-align:left;   /* alinhamento do texto */

color: #XXXXXX;  /* cor da fonte */

border: 1px solid #XXXXXX;   /* coloque borda se quiser  */

background: #XXXXXX;  /* coloque cor de fundo se quiser */

}

Não esqueça que você DEVE editar os campos de acordo com seu gosto.
Caso não queira incluir cor de fundo e borda, apague o trecho destacado em vermelho.

Vá visualizando para ver se está da maneira que você quer, e se for necessário, edite os valores em “padding e margin“.
Se estiver tudo certinho, salve!

Você pode incluir o texto que quiser, seja uma mensagem sobre cópias de conteúdo, seja um convite para os leitores do blog deixar comentários, ou até mesmo, convite para assinar o Feed do Blog.
Use a imaginação!

Sobre o autor | Website

Fundadora do Mundo Blogger. Autodidata que adora internet, que se encantou com blogs, seus códigos e templates, desde 2009, e por conta disso começou a "brincar" com web design nas horas vagas, até que resolveu criar o Mundo Blogger para compartilhar o que aprendeu com você através dos tutoriais publicados aqui.

Desculpe, os comentários deste artigo estão encerrados.

44 Comentários

  1. Gustavo disse:

    Obrigado!!!!

  2. Will disse:

    Como muda a fonte? pf e expliquem isso

  3. junior disse:

    Fiz tudo direitinho, Mais o estilo não funcionou, vc sabe pq? isso aconteceu!

  4. Patrick disse:

    eu tentei por isso no meu blogger, porem nao aparece nada la no blogger :S

  5. Alan Lima disse:

    muito bom esse post,os outros ficou legal mesmo continue assim ^^ .
    <3

  6. Jéssica disse:

    Muito obg, ja coloquei no meu blog =D

  7. gm design disse:

    Muito legal, Clau!

  8. Luciana disse:

    Oi, Clau,

    Desculpe, eu de novo.

    Tentei fazer, mas a mensagem que surgiu foi:

    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 content of elements must consist of well-formed character data or markup.
    Error 500

    Um abraço e obrigada.

  9. .:: Clau ::. disse:

    Luciana
    No tutorial já tem o código com a condicional para que a msg apareça somente nas páginas internas.

    Rui
    Verifica se vc está incluindo a condicional de fechamento no final do código –> </b:if>

  10. Rui Sanches disse:

    Olá Clau! eu vi essa condicional mas dá um erro e a mensagem é essa: Mensagem de erro de XML: Element type "b:if" must be followed by either attribute specifications, ">" or "/>".

  11. Luciana disse:

    Olá, Clau,

    Estou com o mesmo problema do Edgar. Não consigo inserir a condicional para que a caixa de mensagem ao final do post só apareça nas páginas internas. Já tentei de tudo e não dá certo. Não sei ONDE colocar os códigos, antes do que, ou depois do que.

    Um abraço e obrigada.

  12. .:: Clau ::. disse:

    Edgar
    Eu inclui essa informação no tutorial. Dá uma lida que eu acrescentei a condicional para ocultar a mensagem na home.

  13. Edgar Costa disse:

    Olá, tenho sido leitor deste site e é sem duvida o meu preferido de todos os que já vi na net.

    Em relação a esta mensagem no final dos artigos, gostava de saber como é que ela aparece apenas quando clico no link leia mais , pois ela está a aparecer na página inicial e não acho que fica bem..

    Obrigado, precisava mesmo que me ajudasse!

  14. .:: Clau ::. disse:

    Anna Luiza
    Não tem como eu saber sobre as configurações do seu template. Infelizmente não há como eu saber o que deu errado no seu,sendo assim, lamento, mas não tenho como te ajudar.

  15. Anna Luiza Oliveira disse:

    Oi! Eu tenho uma dúvida enorme! Eu tinha colocado uma mensagem final toda personalizada no meu blog, tava perfeito, Daí andei colocando outras coisas depois e eu sei que do nada, as coisas que tinha editado na mensagem final despareceram…agora ela tá tipo como se fosse parte do blog normal! Eu não sei mais o que fazer, eu vou lá nessa parte antes do ]]> e mudo as coisas e não acontece nada! E quando eu vou no design de modelo avançado e mudo as coisas da fonte da pagina do post e tal, essa mensagem final muda junto!"
    vc pode me ajudar?! não aguento mais ja tentei um monte de coisa!
    *ps- eu coloquei nesse mesmo local, antes do ]]> um código para acrescentar detalhes nos comentários que eu faço no blog, para diferenciar dos do pessoal, e também acrescentei no post-footer o codigo do botão share do facebook, pra ele ficar antes dessa minha mensagem final, será que é isso que ta dando zebra? Desculpe o comentario giganteeee! é que nao sei mesmo o que fazer…

  16. Taillard disse:

    Oi linda!Adorei demais as dicas!O blog esta lindooo!
    Gostaria de encomendar mais um layout contigo,rainha pois você è a unica,digo unica.Que soube exatamente o que eu gosto!
    Igual a Gem@ maravilhosa!
    Em breve precisarei muito de seu capricho grafico!
    Docinho!

  17. Deborah - Delicias1001 disse:

    Clau
    Gosto do jeitinho com que vc explica as coisas.
    Deu super certo.
    Obrigada

  18. Jafar Vieira disse:

    Oi Clau! Entaum, eu coloquei essa mensagem, só que eu achei que a foto ficou muito pequenina e mudei a formatação como você disse. Mas a foto ficou fora da borda da mensagem sendo que dentro da borda caberia perfeitamente a foto encaixada… Você nao tem uma dica pra mim nao? Brigado, mas uma vez parabens pelo site

  19. estacaobeauty4you disse:

    Ola….to seguindo seu blog, pq realmente é realmente funcional!!
    Baixei um template pronto na net, adoro ele, mas super dificil de mexer….
    os seus códigos ajudaram muito a personalizar…alguns eu não consegui instalar, ou ficaram fora de lugar, como o marcador em nuvem….
    Mas adorei e sempre que precisar, sei que posso contar com esse blog!!

    Muito obrigada!!!

    Dani do http://estacaobeauty4you.blogspot.com/

  20. Sayonara disse:

    Ola Clau!!
    Que dica boa e muito interessante. Tem como colocar a imagem no começo post. Ao invés de ser no final gostaria de colocar no começo tem como? Desde já fico grata pela sua atenção!

  21. Notícias via Net disse:

    Muito bom esta postagem, valeu…

  22. .:: Clau ::. disse:

    cinesofapt
    Lamento, mas não tenho como te ajudar.

    ACorinthiana
    Não tem como eu saber sobre as configurações do seu template. Verifique como se apresenta a personalização dos posts no seu template, pode ser que tenha algo configurado para aparecer somente na página inicial. Não há como eu te ajudar.

    Lady Vampire
    O Fabiano Roberto já publicou um artigo ensinando a colocar música no blog. Recomendo que dê uma procurada no artigo dele, no blog "Dicas para Blogs". O link se encontra na minha lista de parceiros.

  23. Lady Vampire disse:

    olá, eu queria saber se vocÊ me pode ajudar é que eu nao consigo colocar musica no meu blog como se fosse um feed me pode dizer como faço isso?

  24. RvPokedex disse:

    Cara Clau, ou talvez moderadores, sei que não tem muito aver com o assunto mas é super urgente!
    Estou criando um blog, e estou muito satisfeito com ele, sei mexer muito em html mas sempre qualquer dúvida vou aqui, mas essa não existe em blog nenhum, nem mesmo no seu, gostaria de retirar a postagem #first, que é a primeira postagem, a última, já fiz ela desapareçer, mas quando vou colocar os anúncios entre as postagens(resumidas sem o leia mais){as postagens são duplas, uma do lado da outra, de 2 em 2, resumidas} ai fica entre as postagens lado a lado, buga tudo, por que ainda existe a postagem first, ai quando coloco 5 postagens fica 4, daí os anuncios sempre ficam confusos, se eu arrumar na pagina inicial, nos marcadores fica disajeitado por nao existir a postagem first, ai gostaria de retirar ele, e que as postagens fiquem normais, teria como me ajudar, se ainda nao sabe o que é postagem first procure no google template futebol, eu editei ele todo: http://masteroo-downloads.blogspot.com , pf! me ajudaaaaaaa!!!

  25. A Corinthiana disse:

    O meu Blog usa o "Hack Leia Mais".Tentei colocar este código,e saiu bonitnho,só que na pagina principal,não na pagina dos posts.

    O que eu faço?

  26. cinesofapt disse:

    Ola!
    Tenho uma duvida o meu template nao tem post-footer como faço para o ter ja tirei o que dizia para nao aparecer mas continua sem aparecer, podes ajudar-me?

  27. .:: Clau ::. disse:

    Rosa
    Gracias! Feliz Navidad y próspero Año Nuevo para ti también y toda su familia!
    Besos.

    clark lost
    Para vc tb! Muito obrigada pelo comentário!

  28. clark lost disse:

    Olá! Clau, passei apenas pra uma visita rápida, talvez tomar um café, conversar um pouco…
    Mas vim mesmo pra lhe desejar um Ótimo Natal, Um Ano Novo de muitas vitórias e principalmente muita paz!
    Seja sempre muito feliz!
    Até mais!

  29. Rosa disse:

    ¡Feliz Navidad y próspero Año Nuevo!

  30. .:: Clau ::. disse:

    Matheus Rezende
    Muito obrigada!
    Um maravilhoso natal para vc tb e um ano de 2011 cheio de realizações para vc e sua familia.

  31. Matheus Rezende disse:

    olha la no meu blog postei uma mensagem para você.

  32. .:: Clau ::. disse:

    Silvia
    Obrigada!

  33. Silvia disse:

    Clau… Esse é sem dúvida um dos metablogs mais lindos e completos que eu conheço…

    Beijos e parabéns.

  34. Caio disse:

    OK, tudo bem !

  35. .:: Clau ::. disse:

    Caio
    E eu tb não querendo ser chata, mas não sei se vc percebeu, este blog é voltado EXCLUSIVAMENTE para tutoriais sobre a plataforma Blogger, não é a toa que tem o nome de Mundo Blogger. Se precisa de dicas sobre Photoshop, na web tem um monte de blogs excelentes que tratam sobre este assunto, talvez o Google te ajude a encontrar.

  36. Caio disse:

    Não querendo ser chato, mas isso é muito facil !
    eu queria saber se vc podia colocar um tuto como modificar o title='' de um linke ou algumas dicas de photoshop

  37. Ian Filipe disse:

    Clau, obrigado pela antenção. Desculpe aí foi que acho que mechi no zoom!! Vlw

  38. .:: Clau ::. disse:

    Julio Castello de Carvalho
    Obrigada pela visita e pelo comentário 😉

    Ian Filipe
    No meu Mozilla está normal, não sei o pode ter acontecido ai no seu, mas de qualquer forma, obrigada pelo aviso.

    Carlos Leão
    Obrigada! Um excelente natal e um maravilhoso 2011 para vc tb e para sua familia!

  39. Aleluia Web Net disse:

    Obrigado por aceitar a minha sugestão.
    Já vou colocar em pratica este tutorial.
    Muito obrigado e aproveito a oportunidade, quero desejar um FELIZ NATAL E UM PROSPERO 2011.

    Carlos Leão.
    Aleluia Web Net

  40. Ian Filipe disse:

    Parabéns, vai me ajudar muito com o meu template!
    Jú sei que isso vai ser fora do tema do blog mais preciso te falar, eu uso o Mozilla Firefox e seu template ta todo desanlinhado o cabeçalho está bem para a direita só o corpo que está no mesmo local de antes! Não sei se é só no meu…
    Bjão!!

  41. Julio Castello de Carvalho disse:

    O melhor e mais bonito meta blogger.
    Como sempre visita garantida e feed indispensavel aqui no meu pc.

    Parabens menina, muito show, vou ver como fica no meu = )

  42. Renan Almeida disse:

    Vou voltar sempre mesmo ;D , a cada artigo/post vou ler e comentar , eu gostei dos layout do seu blog é muito legal pois ele é muito original .

  43. .:: Clau ::. disse:

    Renan Almeida
    Obrigada pelo comentário e fico feliz que tenha gostado do blog dos artigos. Volte sempre 🙂

  44. Renan Almeida disse:

    Clau ,

    isto é muito legal pois tem pessoas que gostam de colocar alguma mensagem no final do artigo/post mas eles ficam cansado pois ele tem que colocar a escrever a mesma mensagem em toda final de artigo/post , desse jeito que você ensinou já é automatico e a pessoa não fica cansanda de escrever a mesma coisa todo artigo/post.

    ______________________________________________________

    Clau , meu nome é Renan Almeida como pode ver ai em cima [/kkk] e é a primeira vez que eu comento no seu blog mas todo dia eu acesso ele para ver os artigos/posts , ai eu vi que uma forma de eu participar invéz de só olhar é tambem comentar se todas as pessoas que acessam os artigos/posts comentarem a média de comentários seria 50 comentários e como eu vejo aki a média é 12/13 comentários .

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.