proa17/10 - Cabeçalho e Barra de Navegação
Barra de Navegação ou Nav Bar
Sabe aquela barrinha que fica bem no alto do seu blog? Dá para trocar escolhendo uma que combine melhor com o seu blog.
1 - entre no Modelo (Layout) do seu blog de testes e clique na aba Elementos da página.
2 - Clique em Editar, nom item NavBar. Vai aparecer esta janela:
3 - selecione a barra que quiseres para o teu blog e clique em salvar alterações.
4 - retornando a janela Elementos da página, clique em SALVAR.
Cabeçalho
Vamos testar a opção de substituir o cabeçalho por uma imagem?
1 - Usando um editor de imagens (pode ser até o Paint que vem junto com o Windows) crie uma imagem para por no cabeçalho de seu blog. Importante que ela tenha o tamanho adequado para aparecer na tela. Nesta imagem, podes escrever o nome do blog. Um exemplo é o cabeçalho deste nosso blog.
2 - Criada a imagem, salve-a no seu computador. Escolha o formato .jpg ou .png. No nome, evite espaços, "ç" e carácteres não alfa-numéricos.
3 - No seu blog de testes, entre em Modelo, Elementos de Página. Localize o elemento "cabeçalho" e clique em editar (edit).
Vai aparecer algo do tipo:
* clique na imagem e entre na página onde você poderá ler as anotações que explicam cada campo deste formulário.
Escolha a opção "De seu computador", localize a imagem criada por você (clique em arquivo). A imagem vai aparecer no formulário. Salve as alterações.
4 - Torne a editar o Cabeçalho para posicionar a imagem no blog.
Escolha a opção desejada de posicionamento e salve as alterações.
Observação: você pode editar sempre que quiser o cabeçalho usando imagem ou texto, alterando a descrição e o nome.
Navegação:
Sabe aquela barrinha que fica bem no alto do seu blog? Dá para trocar escolhendo uma que combine melhor com o seu blog.
1 - entre no Modelo (Layout) do seu blog de testes e clique na aba Elementos da página.
2 - Clique em Editar, nom item NavBar. Vai aparecer esta janela:
3 - selecione a barra que quiseres para o teu blog e clique em salvar alterações.
4 - retornando a janela Elementos da página, clique em SALVAR.
Cabeçalho
Vamos testar a opção de substituir o cabeçalho por uma imagem?
1 - Usando um editor de imagens (pode ser até o Paint que vem junto com o Windows) crie uma imagem para por no cabeçalho de seu blog. Importante que ela tenha o tamanho adequado para aparecer na tela. Nesta imagem, podes escrever o nome do blog. Um exemplo é o cabeçalho deste nosso blog.
2 - Criada a imagem, salve-a no seu computador. Escolha o formato .jpg ou .png. No nome, evite espaços, "ç" e carácteres não alfa-numéricos.
3 - No seu blog de testes, entre em Modelo, Elementos de Página. Localize o elemento "cabeçalho" e clique em editar (edit).
Vai aparecer algo do tipo:
* clique na imagem e entre na página onde você poderá ler as anotações que explicam cada campo deste formulário.
Escolha a opção "De seu computador", localize a imagem criada por você (clique em arquivo). A imagem vai aparecer no formulário. Salve as alterações.
4 - Torne a editar o Cabeçalho para posicionar a imagem no blog.
Escolha a opção desejada de posicionamento e salve as alterações.
Observação: você pode editar sempre que quiser o cabeçalho usando imagem ou texto, alterando a descrição e o nome.
Navegação:
5 comentários:
Proa 17/10 "Importante que ela tenha o tamanho adequado para aparecer na tela."
Qual é o tamanho?
Oi Cris
Sabe aquela velha forma de aprender chamada tentativa e erro?
pois eh , neh
Vou te deixar pensando um pouquinho em como fazer esta atividade :)
Oi pro Suzana, estou mexendo com o proa17/10, não tem um jeito de colocar o titulo e a descrição do blog em outro lugar?Gostei da imagem que escolhi porém não aparece o texto. Até
Oi Magda
Eu não vou te responder :) Vou te dar uma dica e deixar você pensando.
Dica: dá para adicionar vários elementos de página e posicioná-los onde quiser.
abraço!
Oi Su..
Libera mais umas dicas, por que está difícil!!!
Postar um comentário