Tutorial - Titulo da sidebar, personalizada.

Yoo ~ 

1391 seguidores *OOO*, muito obrigado gente <3, estamos quase completando a meta do blog que é 1500 <33.Enfim, faz um tempo que eu não dou as caras aqui no blog, mas é porque eu estava ocupado postando em uma página que eu entrei, onde a dona é a Laura aqui do blog. É muito legal, por que são fatos da realidade das pessoas, sendo que e o tema é sobre o Olaf de Frozen. Pra quem quiser, pode visualizar a página aqui. Esses dias, enquanto eu não estava postando, decidi que eu já poderia trocar o layout atual do blog por um novo. Então, se por esses dias, você entrar no BCake e ele estiver fechado, é por que estarei trocando o layout do blog hehe'

Finalmente eu estou postando esse tutorial \oo/. Fazia tempo que eu estava querendo, mas por culpa minha mesmo eu acabei não postando antes. Preguiça de digitar, editar os códigos, mas ei que eu estou aqui para finalmente, postar pra vocês AUSHAUSHAUSHA'. O tutorial se trata de como personalizar o titulo da sidebar com esse background sólido! (Que aliás, virou modinha entre os outros blogs...). É tão simples de se fazer, só tem que prestar atenção na hora de editar o tamanho, porque você tem que ir tentando, até dar certo e o titulo se encaixar no tamanho da sidebar. Mas chega de falar tanta besteira e vamos ao tutorial logo u___u.

É só procurar por .sidebar .widget { e colocar o código abaixo todo abaixo dele:

.sidebar h2 {
margin: -3px -11px .35em -11px; /*--- não mexa --- */
line-height: 9px; /*--- não mexa--- */
font-weight: lighter;
padding-bottom: 6px; /*--- tamanho do padding de baixo--- */
text-align: center; /*--- posição do texto--- */
color: #fff; /*--- cor da fonte--- */
text-shadow: 0 1px 0 #810b23; /*--- cor da sombra da fonte--- */
font: normal normal 16px Oswald; /*--- fonte --- */
text-transform: uppercase;
background: #c02847; /*--- cor de fundo--- */
width: 200px; /*--- tamanho do titulo, ajuste para encaixar na side--- */
height: 15px; /*--- altura, se quiser aumente ou diminua--- */
float: center; /*--- não mexa --- */
margin-top: -05px; /*--- mexa para ajustar dentro da sidebar--- */
margin-left: -5px; /*--- mexa para ajustar dentro da sidebar--- */
-webkit-transition-duration: .60s;
}