18 Como personalizar o titulo dos gadgets

Olá meninas, tudo bem?
Então como eu já tinha falado antes agora aqui no blog vai ter vários tutoriais pra personalizar seu layout e hoje eu trouxe mas um super fácil , pra vocês que usam o modelo do blogger então vamos lá aprender a enfeitar o titulo dos gadgets !
Escolha sua imagem e cole em gadget html java script o código abaixo da imagem escolhida;

<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/AVvXsEgh8Tz-egyCng7lYodsY48IeseXJn9kFJrpnukn3BS7ubygA8WCLscg_5bDs62MZMyuBnj9CwkQKb2BXnXSs4LufJFMh0xuisp2zNYl74TZ8MGuO1PHQT2YoRfiJc9A-hFkRMOjt7M0k5AK/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/AVvXsEhzxgUM2rnFzQimMkm90UOhio0NWOO36il1Gz266M3P2owpgk4P6VAl_nXcDiPP1cZVQPkVOxMhKRfwKDLTokkN0dzmCPnTxv869N8T5nMENqD9FC37eLiz5jtpUgTzzqUvES7sr0KXPv8N/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/AVvXsEhHVXt2Ldd6xGr8L7csnUH0eEoN3CjymDYpCXFE8MPK14kVwM8dC6Vdmru4oTN0QOexLZjZRUVuwxLcEd3dHDgw1E5eB0_sjipW5iSfl8sqaj4LFiKPp8x7lZ_2cKB57iAbBfl4FhOK-TIr/s1600/minhabase+transparentee.png) no-repeat center;

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

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

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

</style>

Os códigos são da Jackie, modificados por mim !

Então é isso gente escolha a que quiserem e em breve trago mas imagens pra vocês 

vocês podem criar a sua própria imagem hospedar num blog teste e mudar a url dos códigos acima!

beijoos