Bom, à pedido da Rarissa Mayara, estou aqui pra ensinar vocês à fazerem um cabeçalho de blog! É muuuuito simples, você não precisa de Photoshop, apesar que nele fica bem mais bonito, mais você precisa só do Photoscape, se você não tiver, baixe- o aqui. Então, vamos começar.
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 cortar um pedaço dessa imagem, veja um exemplo:
Depois que você cortá- la, o resultado vai ser esse:
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:
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!! Ufaa! Pronto, o tutorial acabou! Grande, mais vale a pena!! Gente, se repassar credite! Beijinhos e abraços!
pessoal curtam assa pagina no facebook, https://www.facebook.com/UnhasDecoradasFotos estarei muito agradecida!! <3
pessoal curtam assa pagina no facebook, https://www.facebook.com/UnhasDecoradasFotos estarei muito agradecida!! <3
Nenhum comentário:
Postar um comentário