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:

5 comentários:

Cristiane disse...

Proa 17/10 "Importante que ela tenha o tamanho adequado para aparecer na tela."
Qual é o tamanho?

Su disse...

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 :)

Magda disse...

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é

Su disse...

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!

Neura disse...

Oi Su..
Libera mais umas dicas, por que está difícil!!!

Colaboradores

Creative Commons License Exemplo de referência para usar conteúdo deste blog:

COSTA, Iris ; GUTIERREZ, Suzana ; SILVA, Mara. Oficina de Blogs na Educação do Curso de Especialização em Informática na Educação - turma B. Porto Alegre: UFRGS, 2007. Disponível em http://proa17b.blogspot.com. Acesso em 17 mai 2007.