Hello , :)) quem nunca , quer seu Blog cada vez Mais Personalizado ? , poisé ,então estarei ensinando , vocês hoje a Criar um Cabeçalho , super Fofo , então CONTINUE LENDO ..
Primeiramente, baixe essa imagem. Obs: Não vai dá pra ver porque ela é transparente, mais é só clicar nela com o botão direito do mouse:
Agora abra o Photoscape e abra a Imagem Transparente que você salvou.
Ela vai aparecer branca, mais é assim mesmo. Agora você vai Clicar em Redimensionar
e deixe Assim :
(Clica na imagem pra ampliar )
agora você vai escrever o nome do seu blog, isso usando a ferramenta Texto:
Veja um exemplo:
Nesse exemplo usei a fonte Adine Kirnberg Scipt, com um rosinha claro. Usei um contorno marrom, pra destacar. Fontes que eu indico:
Depois que escreveu o nome do seu blog, vá em Objeto e vá em Modo caixa arredondada:
Escolha a cor que você quiser, deixe no modo pontilhado, sem contorno, a espessura é 3 e o redondo é 12, eu usei a mesma cor da fonte, ou seja, rosa. Resultado:
Agora vamos personalizar o cabeçalho com brushes. Vá em Objeto, Fotografia (montanha com sol), Foto... e escolha o brushe que você quiser. Exemplos:
Aqui como ficou:
Se tiver sobrado algum espaço em branco, corte- o.
Seu cabeçalho está pronto. Veja meu resultado:
Colocar no Blog
Vá no seu blog, layout, onde está escrito "Nome do seu blog(Cabeçalho), vá em Editar, se o seu blog já tiver imagem vá em Remover imagem, se não tiver pule pra próxima etapa. Marque a opção Em vez de título e descrição e vá em Escolher arquivo. Procure sua imagem, clique nela e em abrir. Espere carregar, vá em Salvar. Ai a janelhinha vai fechar e você vai em Salvar alterações.
Centralizar o cabeçalho
Vá em Modelo, Editar HTML, Prosseguir, clique em Expandir modelos de widgets. Agora dê um CTRL + V e procure pelo código:
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
Antes do ínicio desse código cole <center> e no final coloque </center>. O código completo vai ficar assim:
<center><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></center>
Visualize e se tudo tiver certo, salve- o!!
o tutorial acabou! Grande, mais vale a pena!!
Créditos Totais a ChocoLovers .
1comentários:
Nossa este post me ajudou d+++++++++++.... Muito obg :)Será que eu posso postar isso no meu blog?!
....Responde em alguns post>> www.bonequinhascarinhosas.blogspot.com
Aguardando resposta!!!
Bjooos