4# Colocando Cabeçalho Kawaii no blog

Oi de novo!

Nesse post iremos aprender a como colocar cabeçalho kawaii no blog.

Um tipo de modelo que eu fiz.

Foi criado 6 de agosto de 2014.

Vamos começar!

Resultado do cabeçalho:

Clique aqui para visualizar o cabeçalho.

Vamos lá!

Primeiro vocês vão ter que excluir o cabeçalho do blog de vocês.

Clique aqui para ir ao tutorial de excluir cabeçalhos.

Ok, agora preste bem atenção no que vou dizer para você.

Depois de ter excluído o cabeçalho, sabe o lugar a onde o cabeçalho estava? Que é a parte de cima? Veja um exemplo para entender melhor:

A onde está marcado de vermelho você clica em adicionar gadget, depois em HTML/JavaScript e cole esse código:

<br /><div style="border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: right;"><br /><br /><br /><div id="sidebar02" style="background-image: url(Imagem 1 ); background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 5px solid rgb(209, 240, 255); color: Cor da Letra; height: auto; margin-left: -65px; margin-top: -25px; padding: 65px 3px 15px; position: fixed !important; text-align: center; width: 13620px; z-index: 999;"><h5 style="font-family: craftygirls; font-size: 42px; letter-spacing: 1px; line-height: 18px; margin-left: 65px; padding: 1px; position: fixed; text-align: left;"><div id="sidebar01" style="background-image: url(Imagem 2); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 5px solid rgb(255, 133, 214); height: auto; margin-left: 375px; margin-top: -125px; padding: 15px 3px; position: fixed !important; text-align: center; width: 500px; z-index: 999;">Título do seu blog</div></h5></div></div>

Entendendo melhor o código:
Imagem 1 - É pra você por o URL da imagem que vai ficar por fora do balão do título.
Imagem 2 - É pra você por o URL da imagem que vai ficar dentro do balão do título.
Cor da Letra - É a cor da letra do título, clique aqui para ir até a tabela de cores.
Título do seu blog - Provavelmente é para você escrever o nome do seu blog.

E por último, salve, visualize e veja se deu tudo certinho.
Se postar em seu blog, credite.
Bjs