Modelos para a footer do post

   Hoje apeteceu-me trazer-vos um tutorial, só espero que seja útil e que a explicação não esteja muito confusa, ainda não sou muito boa a explicar estas coisas ~(‾▿‾)~, mas passando ao que interessa aqui eu vou explicar como colocas o footer do post em uma só linha, sabes arrumar as etiquetas, comentários, e publicado por, numa linha. Também trago seis modelos para personalizá-la espero que gostem ^^

   Então como todos os modelos que eu irei colocar aqui, têm todos apenas três opões antes de mexeres nos códigos, terás de ir ao esquema > depois ao editar mensagens de blog > e lá vais clicar nas opões assinaladas a vermelho como é mostrado nesta imagem (aqui).

   Depois disto, e se ainda nunca mexes-te na footer, vais notar que estão em duas linhas, por isso vais ter de ir ao modelo > editar html > clicar em ctrl + f > e procurar por <div class='post-footer-line post-footer-line-2'>< (não apagues o último <, pois existem dois códigos iguais e assim vais encontrar o correto), no final de o achares vais recortar (ctrl + x) o código sublinhado a azul mostrado nesta imagem (aqui), para os que não sabem este é o código dos marcadores, e é eles que vais colocar para a primeira linha.

   Depois de recortares o código aconselho-te a colá-lo em algum lado, como num word só para não o perderes, depois disso vais ter de procurar por <div class='post-footer-line post-footer-line-1'><  (e novamente não apagues o último <), para os que não sabem este é o código que se refere à primeira linha e é nele que vamos colocar o código que guardas-te, ou seja, os marcadores.
Neste caso eu quero colocá-lo antes dos comentários, por isso vou colá-lo no local assinalado nesta imagem (aqui), espero não estar muito confusa eu tentei fazê-la simples, no final o resultado é este (aqui).

    Bem depois dos códigos para arrumar a footer passamos à personalização, eu vou disponibilizar alguns modelos, só tens de copiar os códigos e colá-los em cima de ]]></b:skin>.

.post-footer-line-1{ background: #fcfcfc; /* cor do fundo */ font-size: 11px; /* tamanho do texto */ padding-left: 4px; /* espaço interno esquerdo */ padding-right: 3px; /* espaço interno direito */ padding-top: 2px; /* espaço interno superior */ padding-bottom: 2px; /* espaço interno inferior */ margin-top: -3px; /* espaço superior */ margin-bottom: 0px; /* espaço inferior */ border-top: 1px solid #f2f2f2; /* grosura da linha; efeito; e cor */ border-bottom: 1px dashed #e5e5e5; /* grosura da linha; efeito; e cor */ }

.post-footer-line-1{ background: #fcfcfc; color: #000; font-family: 'Trebuchet MS', Trebuchet, sans-serif; font-size: 12px; font-style: none; padding-left: 4px; padding-right: 3px; padding-top: 2px; padding-bottom: 2px; text-align: justify; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border-right: 2px solid #bdbdbd; /* grosura da linha; efeito; e cor */ border-left: 5px solid #bdbdbd; /* grosura da linha; efeito; e cor */ }

.post-footer-line-1{ background: #fcfcfc; /* cor do fundo */ font-size: 11px; /* tamanho do texto */ padding-left: 2px; /* espaço interno esquerdo */ padding-right: 3px; /* espaço interno direito */ padding-top: 2px; /* espaço interno superior */ padding-bottom: 2px; /* espaço interno inferior */ margin-top: -3px; /* espaço superior */ margin-bottom: 0px; /* espaço inferior */ border-left: 2px solid #D2B48C; /* grosura da linha; efeito; e cor */ border-right: 5px solid #D2B48C; /* grosura da linha; efeito; e cor */ border-top: 1px solid #D2B48C; /* grosura da linha; efeito; e cor */ border-bottom: 1px solid #D2B48C; /* grosura da linha; efeito; e cor */ text-align: center; /* alinhamento do texto à esquerda */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 10px; /* quando maior o numero mais as pontas são redondas */ }

.post-footer-line-1{ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#B2DFEE)) repeat-X; /* fundo em degradê */ font-size: 11px; /* tamanho do texto */ padding-left: 2px; /* espaço interno esquerdo */ padding-right: 3px; /* espaço interno direito */ padding-top: 2px; /* espaço interno superior */ padding-bottom: 2px; /* espaço interno inferior */ margin-top: -3px; /* espaço superior */ margin-bottom: 0px; /* espaço inferior */ border-top: 1px solid #fff; /* grosura da linha; efeito; e cor */ border-bottom: 1px solid #B2DFEE; /* grosura da linha; efeito; e cor */ text-align: center; /* alinhamento do texto à esquerda */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 10px; /* quando maior o numero mais as pontas são redondas */ }

.post-footer-line-1{ background: #fff; /* cor do fundo */ font-size: 11px; /* tamanho do texto */ padding-left: 2px; /* espaço interno esquerdo */ padding-right: 3px; /* espaço interno direito */ padding-top: 2px; /* espaço interno superior */ padding-bottom: 2px; /* espaço interno inferior */ margin-top: -3px; /* espaço superior */ margin-bottom: 0px; /* espaço inferior */ border-top: 1px solid #fff; /* grosura da linha; efeito; e cor */ border-bottom: 1px solid #B2DFEE; /* grosura da linha; efeito; e cor */ text-align: center; /* alinhamento do texto à esquerda */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 10px; /* quando maior o numero mais as pontas são redondas */ }

.post-footer-line-1{ background: #fff; /* cor do fundo */ font-size: 11px; /* tamanho do texto */ padding-left: 2px; /* espaço interno esquerdo */ padding-right: 3px; /* espaço interno direito */ padding-top: 2px; /* espaço interno superior */ padding-bottom: 2px; /* espaço interno inferior */ margin-top: -3px; /* espaço superior */ margin-bottom: 0px; /* espaço inferior */ border-right: 3px solid #FA8072; /* grosura da linha; efeito; e cor */ border-left: 3px solid #FA8072; /* grosura da linha; efeito; e cor */ border-bottom: 1px solid #FA8072; /* grosura da linha; efeito; e cor */ border-top: 1px solid #FA8072; /* grosura da linha; efeito; e cor */ text-align: center; /* alinhamento do texto à esquerda */ -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius-right: 10px; /* quando maior o numero mais as pontas são redondas */ }

   É isso, eu criei modelos bem simples, espero que gostes e se usares não te esqueças de colocar os créditos (^_^), e antes que me esqueça de disser, eu num próximo post ensino a colocar as imagens na footer, ok Bye!