23 de outubro de 2012

7

Personalizando os Titulos dos Gadgets do blog



Vamos aprender a personalizar os títulos dos Gadgets do blog.

Neste tutorial ensinarei uma personalização mais inovada, pois na aula anterior eu ensinei a colocar plano de fundo com imagens no titulo dos Gadgets, mas essa nova personalização é melhor pois não usaremos imagens pesadas e poderemos colocar um plano de fundo bem legal...



Esse código é bem legal pois os títulos ganharão um plano de fundo com uma cor que você queira colocar e ficarão com um efeito aredondado.

Então vamos logo ao que nos interessa:
Primeiro vamos acessar o HTML do Blog, então vá em MODELO>> depois em Editar HTML>> e em Prosseguir

Agora utilize as teclas de pesquisa Ctrl + F do seu teclado para lhe ajudar a pesquisar, e procure por:
/* Headings 

Abaixo do código que você encontrou vai estar essa sequencia de códigos conforme mostra a imagem logo abaixo:

Observe: No meu HTML o código se encontra assim como mostra o exemplo a cima, mas no seu pode estar com mais ou menos códigos...

Ao encontrar o Tag:/* Headings  veja que ela termina com uma CHAVE } então antes da chave você vai colocar esse código:

text-align: center;
background: #696969;
 padding: 6px;
color: #fff;border-radius: 10px  10px}

Agora é só clicar em Visualizar, e veja que o titulo dos Gadgets está com efeito arredondado, e logo ao visualizar Salve em imediatamente

Pra alterar o Código:
Eu destaquei algumas partes no Código.
A parte destacada em Azul : #696969 é a cor do Plano de fundo, se quiser outra cor clique aqui para escolher uma cor
O número 6 destacado em Vermelho : 6px; é pra expandir o tamanho do título, pra deixá-lo maior ou menor.
a parte destacada e cor de rosa: 10px  10pxse trata do efeito arredondado.



7 comentários:

  1. Muito boa a dica, Kelven. Veja como ficou em meu blog - http://charlitoncarvalho.blogspot.com.br

    ResponderExcluir
  2. Amei as dicas veja meu blog como ficou.
    http://asbelashistoriabiblica.blogspot.com.br/

    ResponderExcluir
  3. Kelven, parabéns pelo post! Já apliquei esta configuração no meu site.

    Obrigado, e abraço.

    ResponderExcluir

Observe:
Faça seu comentário dentro do assunto tratado na postagem.
Não pode divulgar endereço de Sites ou Blog.
Comentário que conterem divulgação serão moderados, somente serão aceitos links caso necessite de informar alguma fonte.


Copyright © - Todos os Direitos Reservados: Várias Dicas para Blogs |
Design by Kelven Pedro | Tecnologia do Blogger - É Proibido a copia do conteúdo deste blog sem autorização
    Twitter Facebook