Como personalizar o rodapé das postagens no blogger/blogspot (Natal)

Blogger, Postagens, Tutoriais
11

O natal ta chegando e pra entrar no clima natalino hoje vamos aprender como modificar o rodapé das postagens ou post-fotter para deixar seu blog no espírito do natal.

Se você ainda não sabe o que é post-footer deixa que eu explico: Bom, post-footer é basicamente o rodapé de cada uma das postagens. Dentro dele ficam os elementos do post, tais como, Marcadores, Autor, Data e hora de postagem, entre outros.

Chega de mais delongas e vamos ao trabalho.

A primeira coisa a fazer é um rápido backup do seu template, para evitar problemas. Logo após vá até o editor HTML do seu blog e localize o trecho do rodapé, na maioria dos templates podemos localizá-lo como:

.post-footer

Abaixo dele estão os valores que deveremos alterar, portanto apague todos os trechos que estão relacionados a ele, exemplos: post-footer, .post-footer a, .post-footer a:hover…

Agora vamos recriar os valores que apagamos por valores já modificados. Então acrescente o código a seguir no lugar de todo aqueles que você apagou anteriormente;

.post-footer {
  background: url(“http://2.bp.blogspot.com/_kRiGysx6lag/Sy-l2PVmKXI/AAAAAAAAAUI/cBEpfsdCpjI/s1600/Footer.jpg”) no-repeat;
  margin-left:13px;
  padding-top:2px;
  padding-right:14px;
  padding-bottom:2px;
  padding-left:29px;
  border-top: 2px solid #ac0707;
  font-size: 11px;
  line-height:1.5em;
  color: #666;
}
.post-footer-line-1 {
  min-height:1.5em;
  _height:1.5em;
  padding:5px;
}
.post-footer p {
  margin: 0;
}

Pronto, visualize e veja como ficou.

Testei o código CSS em vários templates inclusive no mínima e funcionou perfeitamente em todos, mas se não ficou proporcional ao seu template é porque as definições não se encaixaram perfeitamente, mais para tentar solucionar esse problema modifique os valor de margin e padding do código até que tenha uma adaptação melhor ao seu layout.

Qualquer dúvida deixe um comentário abaixo. Até a próxima.

11 Comentários

  1. nossa obrigado era realmente oque eu estava procurando me ajudou muito, e ja tava aqui sentado a um tempo procurando na net, mais nao achei oq tava querendo fazer que era exatamente isso! obrigado

    Responder

    • Não sei o que está acontecendo, verifiquei a mesma página em alguns computadores e continua normal.

      Mesmo assim vou tentar descobrir o motivo do problema, obrigado por avisar.

      Abraços.

      Responder

  7. Olá Marcos, mas um vez venho a seu blog tirar uma dúvida, antes o footer das minhas postagens tinham apenas os marcadores e o link de comentários um ao lado do outro agora que mudei o template eles não ficam mais um ao lado do outro, então coloquei os marcadores no abaixo do título e os botões de compartilhamento no footer, só que o mesmo acontece, o link de comentários não quer ficar ao lado deles,

    já tentei códigos para subir o link mas ele não atende.O que me sugere?

    Responder

Deixe um comentário

Ao comentar você concorda com nossa Política de Comentários.