Esse blog não é mais atualizado desde o dia 27/03/2016. Migramos para outra plataforma, visite o blog novo clicando no banner acima e acompanhe nossas postagens.



Tutorial: Footer do post personalizado

5 de julho de 2013


Olá, meu nome é Eduarda e eu sou a nova colaboradora do blog. Estarei atualizando, principalmente, a tag de tutoriais e afins. 
Hoje vim trazer um tutorial sobre footer do post, igual a esse que é usado aqui. Antes de tudo, salve uma copia do seu template. Os códigos usados são do modelo Minima Lefty, que já não é mais encontrado na nova interface do blogger. Mas você pode baixa-lo por aqui. 

Caso seu blog possua apenas 1 autor você deverá seguir as seguintes instruções:

Procure por esse código no seu html, apague-o e substitua por este código.
Agora, vá na css e procure por .post-footer, apague-o e substitua por este código. 

Ajuste de acordo com sua box.O avatar do colaborador tem de ser 65x65. Caso você queira menor ou maior, mude no css (.fotoautor). Lembrando sempre que o css e o avatar tem que ter os mesmo valores. 

Caso seu blog possua mais de 1 autor você deverá seguir as seguintes instruções:

Agora é para o blog que tem mais de um autor, repita o primeiro passo de procurar e apagar o código mas cole esse código em vez do outro. 
Vá aumentando de acordo com a quantidade de quantidade de autores que tem seu blog, no css também.  Agora o css, procure por .post-footer apague-o e cole esse código.

Seu footer deverá ficar igual a esse:
Mude o código conforme for necessário. 
Esse tutorial já foi postado por mim no meu blog e os códigos da css todos feitos por mim. 

8 comentários

  1. Adorei o tuto, super útil e fácil. Acho que vou usá-lo.

    Beijos,
    http://posrealidade.blogspot.com.br

    ResponderExcluir
  2. Segui o tutorial direitinho mas o avatar nunca aparece :c

    http://february1998.blogspot.com.br/

    ResponderExcluir
  3. No meu não aparece nem o avatar nem as opções de compartilhamento do twitter e do fb :/

    ResponderExcluir
  4. Tem algum tutorial como esse para modelo Travel ?
    Grata desde já

    ResponderExcluir
  5. Gostei, mas o avatar não aparece =/

    ResponderExcluir