03/02/2013

Tutorial: Post Footer para fora da área de postagem

||

Boa noite bunnys. Trago um rápido tutorial, que achei bem útil e realmente estava atras dele a bastante tempo. Achei ele no blog KW, o efeito que estou falando e colocar o Footer das postagens com as pontas para fora como se diz no titulo "para fora da área de postagem". Não tive tempo de fazer em algum blog de teste então espero que tenham entendido o que eu disse rs. Mas vamos lá ao tutorial.


Vá até Design > Editar HTML e procure por .post-footer {. e abaixo dele, antes de fechas as chaves.
Abaixo de { e antes do } cole esse código:

background-color: #f8f7f7; 
padding: 13px; 
margin-bottom: 18px; 
margin-left: -35px; 
margin-right: -35px; 
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 2px 0px 5px #ece3b1;

Agora vamos personalizar a fonte, ainda dentro de seu HTML procure por ]]></b:skin> e antes da tag, cole:

 .post-footer-line-1{
font-size:12px;
color: #070707;
}
.post-footer-line-2{
font-size:12px;
color: #070707;
}

 Agora é só personalizar da forma que desejar.

2 comentários:

  1. olá, sou do gomy-kawaii.blogspot.com.br, obrigada por aceitar a parceria, já estou te seguindo também, mas não achei meu blog nos afiliados :/ Mas o seu blog já está na minha lista de parceiros, vlw pela ajuda!
    Kissus :3

    ResponderExcluir
    Respostas
    1. Yo Sara, o GK já esta nos afiliados, clique a onde esta Mais/Menos vera seu blog no avatar de uma menina de cabelo rosa e laço preto.

      Excluir

Hi guys!!!!
Hey aqui é Wendy, blogueira desde 2010! Viciada em animes, amante de livros e adora ver séries! Criei esse cantinho na intenção de ajudar na criação e personalização de blogs e sites.
Wattpad Facebook Tumblr Instagram