Personalizando Título dos Gadgets

                               

Oi minha gente, como vai? espero que bem. 

Não vou poder estar postando muito , e nem todos os dias mas... 

eu trouxe esse post para vocês , e como minhas aulas começaram , aí vai ficar até mais difícil .

falando sobre a febre minha ¬¬

já melhorei tá amorecos, trouxe um tutorial muito utilizado simples & fácil #vou ensinar como personalizar o Título dos gadgets . vamos ver ?

créditos da imagem : meu segredo .

Bem legal né?! Então vamos lá :)

Primeiro abra o HTML do seu blog, aperte Ctrl+F procure por ]]></b:skin>  .

Acima desta tag cole este código:

/* TITULO DO GADGET BY CARLOS PERICLES (semuser) */.sidebar .widget {padding: 10px;margin-bottom: 40px; /*Espaço entre um gadget e outro*/}.sidebar .widget h2 {background: #70B8B8; /*Cor do fundo do título*/width: 170px; /*Largura do fundo, aumente se quiser*/font-family: Verdana; /*Fonte do título*/font-size: 14px; /*Tamanho da fonte*/font-weight: normal;line-height: 14px; /*Altura da linha, coloque o mesmo tamanho que usou na fonte*/margin-top: -31px; /*Quantos pixels o título sobe*/margin-left: -10px;padding-left: 5px;transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}.sidebar .widget h2:hover {background: #C0ADC0; /*Cor do fundo do título*/width: 150px; /*Largura do fundo, aumente se quiser*/font-family: Verdana; /*Fonte do titulo*/font-size: 14px; /*Tamanho da fonte*/font-weight: normal;line-height: 14px; /*Altura da linha, coloque o mesmo tamanho que usou na fonte*/margin-top: -31px; /*Quantos pixels o título sobe*/margin-left: -10px;padding-left: 5px;transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}

Faça as suas alterações no código mudando as partes que estão destacadas, visualize e se estiver tudo certo salve o seu HTML.