Como colocar Um Background No titulo Da postagem

Esse tutorial vai te explicar como colocar um background no titulo da postagem vai ficar assim, só que com a sua imagem:


bom se você quiser aprender a fazer um desses veja o resto do tutorial.

Bem é uma coisinha simples mais nem tão facil de fazer. então vamos lá.
Primeiro você tem que criar uma imagem para ficar como plano de fundo.
depois salve a imagem, e hospede a imagem que você acabou de criar. Assim que hospedou a sua imagem
abra o bloco de notas do seu PC , copie e cole o url ( endereço) da sua imagem lá. guarde.

Agora vamos ao passo 2, vá em seu blog ( você tem que estar logado) e clique em Designer >> Editar HTML.
agora clique as duas teclas juntas ( Ctrl + F ou G) e procure pelo seguinte codigo:

/* Posts   

ou se não achar, procure por:

h3.post-title {

quando achar um desses dois vai ficar assim:

/* Posts
----------------------------------------------- */
h3.post-title {
  margin-top: 20px;
}

agora faça a seguinte modificação:
cole bem abaixo de  '' margin-top: 20px; '' antes do colchetes o seguinte codigo:

border-bottom:1px dotted #000000;
background: #ffffff url(URL DA IMAGEM QUE VOCÊ HOSPEDOU);

Só apague o que esta escrito ''URL DA IMAGEM QUE VOCÊ HOSPEDOU''. pelo url da sua imagem.
pronto ! visualize seu blog veja se deu tudo certo e salve o modelo.
Simples não é?

Beijinhos.



Um comentário










2011/2017 - Delicada e Abusada | Personalizado por Débora Alvim | Não copie! Encomende o seu na HTML LOVE DESIGN