Fundo Do Título Da Sidebar Hover

baby, bow, boy, cute

Olá pessoinhas do meu core <3 Hoje finalmente vou postar um tutorial, para alegria de muitos! Que tal o lay? Gostaram? Bem, vamos ao lay? Cliquem em Leia Mais e aprenda esse tutorial!
TUTORIAL

Vá na Edição HTML do seu blog e procure por:

/* Widgets

Abaixo disso, você cola este código lindo:

.sidebar h2 {
padding-bottom: 10px;
width: 300px; /* LARGURA */
background: #BA55D3; /* COR DO FUNDO */
color: #ffffff; /* COR DA FONTE */
font-weight: normal; /* ESTILO DA FONTE */
text-align: center; /* ALINHAMENTO DO TÍTULO */
font-family: century gothic; /* FONTE DO TÍTULO */
-webkit-transition-duration: .50s; /* DURAÇÃO DA TRANSIÇÃO DE COR */
}

.sidebar h2:hover{
padding-bottom: 10px;
width: 300px; /* LARGURA */
background: #ff0066; /* COR DO FUNDO */
color: #ffffff; /* COR DA FONTE */
font-weight: 28px; /* NEGRITO NA FONTE */
text-align: center; /* ALINHAMENTO DO TÍTULO */
font-family: century gothic; /* FONTE DO TÍTULO */
line-text: 3px;
filter:alpha(opacity=100);
-moz-opacity: 1; -khtml-opacity: 1; opacity: 1;
}

Pronto. Tudo o que vocês precisam mudar ou alterar, encontra-se no próprio código.

Edite as cores de acordo com seu layout! Tabela de Cores -> Clique Aqui.

Espero que tenham curtido o tutorial ><' Falando em curtir... Já curtiram nossa fan page? Esteja sempre atualizado! O melhor conteúdo do blog no seu facebook!