Terça-feira, 12 de Abril de 2011

Tutorial #7 - Como colocar um cabeçalho e 1 fundo no blog

 

Pois é, muita gente não sabe como colocar um cabeçalho ou um fundo no blog e, então, para eu não andar sempre a repetir o mesmo a quem pergunta e assim irei fazer um tutorial.

 

 


 

 

 

O template que irei usar é o sapo, mas o mesmo processo se adequa para todos os templates, okay? (:

 

O seu aspecto original é assim, sem qualquer tipo de arranjo e/ou alteração.

 

Vai a Personalização Intermédia [ deverá aparecer algo com este aspecto ]

 

Na Personalização intermédia tens vários separadores e eu passarei a explicar cada um [ apesar do tutorial não ser disso tudo ]

 

  • Apresentação - Escolhes o que queres mostrar [ títulos ; descrições ; etc ]
  • Texto - É a secção que te permite escolher o que quererás que apareça [ por exemplo: em vez de comentários aparecer opiniões, e assim ]
  • Imagem - É o separador que iremos falar neste tutorial, isto é, o que utilizamos para mudar o aspecto do blog em termos de imagens [ cabeçalho ; fundo ; etc. ]
  • Letras - É a secção em que escolhes tipos de letras, tamanhos, alinhamentos, etc.
  • Cores - Outra secção que muda o aspecto do blog mas agora em termos de cores [ as cores dos textos, dos links, dos fundos (caso não seja imagem), etc. ]
  • Componentes - Nesta secção do blog tu poderás fazer a tua barra lateral ou então o topo/rodapé dos posts, colocar as tuas apresentações, links, afiliados, etc.
  • Posições - O último separador da Personalização Intermédia. Aqui poderás escolher o alinhamento do blog [ Esquerda ; Centrado ; Direita ], a largura do blog, a largura/altura do cabeçalho [algo que iremos usar neste tutorial], a largura e o alinhamento da barra lateral, as posições da barra lateral/topo e rodapé dos posts [ aqui terás de activar todos os componentes que queres visiveis e desativar os que queres ocultar ]

 

O cabeçalho que irei usar é este, que fiz propositadamente para este tutorial.

  1. Na secção Posições da Personalização Intermédia coloca as medidas do teu cabeçalho [ por exemplo, o meu é de 800 x 400 ] e guarda. [ O aspecto do blog será, mais ou menos, assim ].
  2. Vai á secção imagem e apaga o link que está em frente a Imagem de cabeçalho [ assim ] , colocando o link da tua imagem para o cabeçalho. E guarda.

 

O aspecto do blog será, mais ou menos, este.

 

 

Agora que já instalaste o teu cabeçalho no blog vamos colocar o fundo, okay? :D

 

  1. No separador Imagem coloca o link do fundo que queres em frente de '' Imagem de Fundo '' [ eu usarei este ], define se queres que se repita, como queres que se repita e assim [ toma atenção á maneira de como ficará melhor, vai guardando sempre que alterares ] e guarda.

Ficou assim.

 

Agora como eu quero que o fundo da áreda de conteúdos seja o mesmo irei á secção cores e colocar transparente na cor de fundo da área dos conteúdos e de fundo da barra lateral.

 

Pronto, trabalho feito. O meu projecto ficou assim, e o teu? :D

 

Quero opiniões sobre o tutorial e ideias para o próximo, não se esqueçam que pode ser sobre Photoshop, CSS ou deste género [ não prometo fazer porque posso não saber ] :x

tags:
publicado por NOVO BLOG acupoftea.blogs.sapo.pt às 14:23
# | comentar
1 comentário:
De Manuel AR a 6 de Março de 2012 às 18:06
Embora sem estilo ao nível dxe arrumação e de design o teu blog tutorial é ótimo. Prabéns
Manuel

Comentar post

Site Status

Nome do blog: Designs da Buh'

Status: Não aceitando

Administradora: Cristiana Pinto [Buh]

Online desde: 28/6/2010

Visual por: Cristiana Pinto [Eu] - Versão 5 - Ashley Tisdale