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.