14 de outubro de 2012

Fundo no título dos posts

Tumblr_m9b5w6boaf1read4so1_500_large


Olá minhas pequenas amêndoas,
Como vão vocês ? =3
Quanto tempo não ?
Gostaram do novo lay ? =D
É eu sei que não, mas eu gostei e isso é o que importa ^u^
Agora todo mundo é impaciente com essas coisas de avisos e coisinhas e tal'z
E eu sei que vocês gostam de tutoriais... :B
Então que tal eu mostrar como coloca fundo no título dos posts ? o3o

Hey Ho Let's Vamos /o/

1- Abra o blogger >> Modelo >> Editar HTML.
2- Procure por: 
h3.post-title {
3- Embaixo dele cole o seguinte código :
background:transparent url(LINK DA IMAGEM AQUI) no-repeat bottom; 
align: center; 
margin:.25em 0 0; 
padding: 40px 5px 5px 50px;
4- Coloque o link da imagem onde se pede.

As medidas do "padding" deste código se ajustam á uma imagem de 500x60 pixels. 
Se a imagem que você for usar tiver um tamanho diferente, 
Você terá que alterar os valores do padding. 
Lembrando que as medidas do padding seguem esta ordem: 
padding: 1px (topo), 1px (direita), 1px (abaixo), 1px (esquerda);
 Por ultimo visualize, e se ficou do seu agrado salve :3
-------------
Agora se você quiser somente uma cor de fundo,
Cole o código abaixo abaixo de h3.post-title { :
background-color: #codigodacor;
E é só isso, espero que tenham gostado e...
Bye o/

4 comentários:

  1. OMG! O layout mais CRIATIVO de todos os tempos! Pirei na perfeição! Nhaanw' Gostei muitoooo ♥

    Eu adoro meu malvado favorito, e ficou tudo tão fofo! Super fofoooo!

    Adorei o tutorial! Super explicadinho. *u*

    ResponderExcluir
    Respostas
    1. Nhaa, obrigada fofa *--*
      Que bom que gostou :3

      Excluir
  2. Seu layout e liiindo em? Amo esses tutos ajuda bastante na hra de fazer o lay!

    Bjs, bjs ;*
    jaguarsedictions.blogspot.com

    ResponderExcluir

Comentários como :
- Seguindo, segue de volta ?
- Assuntos nada a ver com o post
- Palavras vulgares ou obscenas
- Xingamentos, palavrões
- Críticas que não sejam construtivas
Comentários desse tipo não serão atendidos