Como personalizar o título dos gadgets (jeito fácil)

Oii gente, tudo bem?!
Hoje vim fazer um post TOTALMENTE diferente, de tutorial para melhorar o seu layout! E o primeiro post desse tipo é de como personalizar o título dos gadgets do blog.Bora conferir?!
Ah, e desculpem o fundo do blog que está estranho, ele mudou sozinho e não estou conseguindo mudar.Estou tentando arrumar se alguém conseguir me ajudar :D


Acho que você ja sabem que eu que fazia os meus layouts e também faço o da minha amiga( Julia Helena ) e sempre procuro melhorar e saber mais coisas. E dessa vez eu procurei como editar o título dos gadgets que são isso aqui:

E sempre que pesquisava tinha que mexer no html e eu não sei mexer muito bem rs' Até que achei um muuuito fácil e tinha que vir contar para você, pois apenas 1 BLOG que eu vi tinha esse tuto! Então vamos lá!

Vá em layout >> adicionar gadget(pode ser em qualquer lugar do seu layout) >> HTML/JavaScript >> e colocar alguns dos códigos que vou colocar abaixo ou você pode fazer sua própria imagem e incorporar a imagem!

<style>

/*Títulos dos gadgets personalizados by Cat Girl*/

.sidebar h2 {

font-family: verdana; /* Fonte */

font-style: normal; /* Estilo da fonte, pode mudar para italic */

font-size: 14px; /* Tamanho da fonte */

text-align: left; /* Alinhamento do texto pode mudar para center ou right */

color: #FFFFFF; /*Cor da fonte*/

background:  #FF69B4; /* Cor do fundo */

padding-left: 12px;

margin-bottom: 5px;

-webkit-border-bottom-right-radius: 50px;

-moz-border-radius-bottomright: 50px;

border-bottom-right-radius: 50px;

/*Fim dos títulos dos gadgets personalizados, não retire créditos*/

}

</style>

<style>

/*Títulos dos gadgets personalizados by Cat Girl*/

.sidebar h2 {

font-family: arial; /* Fonte */

font-style: italic; /* Estilo da fonte, pode mudar para normal */

font-size: 14px; /* Tamanho da fonte */

text-align: center; /* Alinhamento do texto, pode mudar para left ou right */

color: #FFFFFF; /*Cor da fonte*/

background:  #FF69B4; /* Cor do fundo */

padding-left: 12px;

margin-bottom: 5px;

-webkit-border-radius: 100px;

-moz-border-radius: 100px;

border-radius100px;

/*Fim dos títulos dos gadgets personalizados, não retire créditos*/

}

</style>

<style>

/*Títulos dos gadgets personalizados by Cat Girl*/

.sidebar h2 {

font-family: trebuchet ms; /* Fonte */

font-style: normal; /* Estilo da fonte, pode mudar para italic */

font-size: 14px; /* Tamanho da fonte */

text-align: center; /* Alinhamento do texto pode mudar para left ou right*/

color: #FFFFFF; /*Cor da fonte*/

background:  #FF69B4; /* Cor do fundo */

padding-left: 12px;

margin-bottom: 5px;

-webkit-border-top-left-radius: 20px;

-webkit-border-top-right-radius: 20px;

-moz-border-radius-topleft: 20px;

-moz-border-radius-topright: 20px;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

/*Fim dos títulos dos gadgets personalizados, não retire créditos*/

}

</style>

                                                     

<style>

/*Inicio Titulo dos gadgets*/

.sidebar h2 {

font-family: 'Sofia', cursive; /*Tipo de fonte*/

font-size: 20px; /*Tamanho da fonte*/

color: #000000; /*Cor da fonte*/

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS4DRwnnovmbyzYHrgW4eD1nfLSDxNTUPtqRtSQR-LbAdojyCFyYNyHl9Qba8tl2CRoDmC09QerG_Kzr7try9X5vk44KPf5rUVBioHdVx_DivywsSHZEJt7oWN3AYLev86OCkpJTcOXRHG/s1600/cabe%C3%A7alhoemenu12.png) no-repeat center;

height: 36px;/*Altura da imagem*/

width: 287px; /*Largura da imagem*/

text-align: center; /*Alinhamento do texto*/

</style>

<style>

/*Inicio Titulo dos gadgets*/

.sidebar h2 {

font-family: 'Sofia', cursive; /*Tipo de fonte*/

font-size: 20px; /*Tamanho da fonte*/

color: #000000; /*Cor da fonte*/

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3sKxrQzEyMcPOhesppDt7DAhxIRUq9lZFeA6qWs1KM5Nio3ySZaGFxJGRKDStqE18UFj62626trE5GPn_ZDwLfIwzV_uX8TSDUEYSVCCWRsWI-qg2-9YJWNekhwxXXVqqsKkeaacTexaP/s1600/gadgets2.png) no-repeat center;

height: 36px;/*Altura da imagem*/

width: 287px; /*Largura da imagem*/

text-align: center; /*Alinhamento do texto*/

</style>

<style>

/*Inicio Titulo dos gadgets*/

.sidebar h2 {

font-family: 'Sofia', cursive; /*Tipo de fonte*/

font-size: 20px; /*Tamanho da fonte*/

color: #000000; /*Cor da fonte*/

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsZLvIGL4G4onzoEo0lGSmAW1IAqwoPzu_ImM6xOj1tEhzowaUF9JPcIn8ZC5dXbYJ58_XZUunMEOqr1Z7DmqZwLekb67vfqZWE3Kt5hyphenhyphenEk7rqCQaUmuQq8auRoL9QRr6tWYL2pBZWOnSJ/s1600/minhabase+transparentee.png) no-repeat center;

height: 36px;/*Altura da imagem*/

width: 287px; /*Largura da imagem*/

text-align: center; /*Alinhamento do texto*/

</style>

Eu peguei as imagens e o código na net dos que eu mais gostei, não lembro os blogs, mas alguns códigos já tem o nome do blog.Então me desculpem por não colocar os créditos.Mas que fique bem claro essas imagens NÃO SÃO MINHAS!

Para você mudar as cores( se você quiser aqui esta uma lista de cores é só você clicar aqui para você conferir!

Bom esse foi o meu primeiro tutorial, foi bem rápido, e espero que tenham entendido e gostado!

Qual o próximo tutorial que vocês querem?Alguma dúvida? Só comentar !

Beijos ♥