Personalizar o post-footer

Toda parte do blog é importante, algumas com prioridades sobre outras, mas uma coisa essencial é a existência de uma parte que mostre os autores, comentários, marcadores e demais coisas em uma postagem, esta parte é o post-footer. Ele é composto por uma parte geral e em três sublinhas.

Para aprender a personalizá-lo, leia este tutorial.

1 Vá em Modelo > Editar HTML > Clique na caixa de códigos > Aperte Ctrl + F ou F3 > Procure por .post-footer {

Este é o código geral do Post-footer, você pode colocar qualquer coisa ai, como background, color, border, padding, mudar ou apagar os códigos existentes, etc, tudo depende da sua imaginação e criatividade.

2 Para personalizar as sublinhas, adicione estes códigos abaixo do final do código do .post-footer { (que termina depois da chave }).
Dentro das chaves { } você coloca o código de personalização.

O número que contem no código é o mesmo número da linha.

3 Após a chave da última linha, adicione o código a seguir, para personalizar os links:
4 Faça as alteraçõe necessárias e salve.
Compartilhe no Facebook
Compartilhe no Twitter
Compartilhe no Google+

8 comentários, comente também!

  1. Esse tutorial vai me ajudar muito, no momento estou usando um layout free seu, porém pretendo tentar fazer um. Me deseje sorte ^^ haha

    Indigo Flower

    ResponderExcluir
  2. Amei, ajuda muito o3o

    http://little-worldoficial.blogspot.com.br/

    ResponderExcluir
  3. Gostei muito, é mais básico, mais ~divoso~
    Vou usar no meu layoutney, q

    pu-dding.blogspot.com Novo blog, visite!

    ResponderExcluir
  4. Parece bobo, mas é muito útil, afinal na personalização do Layout até mesmo os mínimos detalhes chega a ser importante no resultado final :)
    Senti sdds daqui, ta tudo lindo Alan, beijo :*
    http://blog-part-of-me.blogspot.com/

    ResponderExcluir
  5. ótimo tutorial, muito bem explicadinho!!!
    Vai ajudar muita gente que estiver iniciando no HTML/CSS!! <33

    http://i-cedmoon.blogspot.com.br/

    ResponderExcluir
  6. Não consegui o .post-footer { :/ alguém pode me ajudar?
    http://sublimar-me.blogspot.com

    ResponderExcluir
  7. Muito bom o tutorial! Ajudou bastante ^^
    http://pieceofheavenoficial.blogspot.com.br/

    ResponderExcluir

• Peça tutoriais em 'Contato'
• Comente com o link do seu blog para que eu posso visita-lo
• Você pode usar as Tags negrito, itálico, links...

Créditos



O Projeto Aurora foi criado completamente, com tutoriais disponíveis no blog, por mim, Alan Felipe Jantz.

Para as postagens 'reblogadas', os créditos do local de origem dos tutoriais está no final da postagem.

Todos os ícones utilizados neste template foram pegos no flaticon.com, todos os direitos reservados para os autores dos mesmos.





Algo que é seu está aqui, mas não foi creditado?
Entre em contato clicando na aba 'Contato' do menu para receber seus créditos!
BouquetNOVO
The Only ExceptionNOVO
Wide AwakeNOVO
Simple BaseNOVO
NatureNOVO
Why so Pink?NOVO
Why So Blue?NOVO