Como deixar os titulos das Gadget personalizadas

Oi gente,
 Então como vocês perceberam meu blog está de carinha nova, e aprendi muito mudando ele todo. E vou passar algumas coisinhas que aprendi em vários posts, Ok?
Dessa vez vou ensinar personalizar de uma forma fácil é rápida os títulos Gadget do blogger.
Primeira coisa vá nas configurações do blog e aperte em layout. 

 

Depois aperte em adicionar Gadget 

 E procure o HTML

E cole os códigos pra imagem que você quiser, você também pode alterar a imagem mais não esqueça de mudar as medidas também.

<style>

/*Inicio Titulo dos gadgets*/

.sidebar h2 {

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

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

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

background: url(http://3.bp.blogspot.com/-uhZ57aYyQmw/U6nIeOUzbGI/AAAAAAAAAlI/NdF5S56RTgg/s1600/post+iinventiva1.png) no-repeat center;

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

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

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

</style>

<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: 'akaFrivolity', cursive; /*Tipo de fonte*/
font-size: 20px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-fj7n8pUYqbhCKQ8wXmnUdeV-uAfEV-qeXY419Mk-4cK8LexLuPqpQQD0q9wPs16fwSHILwrRWnsu3eNG4Vd4Pc7Q2wQlWUw-srIgrBEWlYirimzJ0KLKPdZpIUlJ0Us6qdZfmA70zML0/s1600/post+iinventiva2.png) no-repeat center;
height: 36px;/*Altura da imagem*/
width: 280px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/
</style>

<style>
/*Inicio Titulo dos gadgets*/
.sidebar h2 {
font-family: 'akaFrivolity', cursive; /*Tipo de fonte*/
font-size: 20px; /*Tamanho da fonte*/
color: #000000; /*Cor da fonte*/
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0tpjo9GN7p4MciBoEO1Faa51Pn8FTBCzATzokvorKYne-0xNAvo2ZwFJVJrfxX_lzg_eg90apoE32pLDoWLaxTLPAxVjmAGr-j59ijvQ0XVXW6bLZmO55UaLoyrZc5BQCMpX9cfhYDw1R/s1600/post+iinventiva3.png) no-repeat center;
height: 36px;/*Altura da imagem*/
width: 300px; /*Largura da imagem*/
text-align: center; /*Alinhamento do texto*/
</style>


Ai é só colar e salvar, talvez tenham que mudar as larguras mas depende de cada blog!
Espero que gostem, façam e compartilhem

Beijos :D