PROMOÇÃO - Magazine Luiza - NÃO PERCA!

Encontre no blog...

30/08/2015

Como criar um menu simples na nova interface do Blogger (2015)

blogger_neon

Menus horizontais ou verticais no Blogger

Menus são fundamentais, pois melhoram a visualização e a navegabilidade de um blog. Podemos considerar que os menus são os principais responsáveis pela a organização de um blog.

Mas se o template do seu blog não possui um sistema automático, o Blogger permite que você crie menus simples de forma bem rápida e sem complicação…

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Para criar um menu simples com até 10 itens, horizontal ou vertical, siga o tutorial abaixo:

Criando páginas estáticas

Muitas vezes deparamos com blogs que possuem menus que facilitam a visualização e a organização de páginas independentes como: “Quem somos”, “Sobre mim”, “Contatos”, etc..

Estas páginas estáticas se diferenciam das postagens comuns e são muito importantes para os leitores pois permitem uma melhor interação do blog com os seus leitores.

Para criar páginas estáticas acesse:  http://www.blogger.com.

Se você estiver desconectado, faça o login utilizando a sua conta do Google. No nosso exemplo vamos usar o Blog de Teste.  Entre no blog, clicando no link correspondente.

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

No menu lateral selecione [Páginas].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Clique em [Nova página].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Monte a sua página utilizando os recursos do editor (imagens, hiperlinks, vídeos, texto, html, etc).

Coloque o título da página e depois de tudo pronto, clique em [Publicar].

Obs: O título da página será o link do menu…

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Depois de publicada a página, você poderá fazer alterações. Para isso, clique no link [Editar] quando você passa o mouse sobre o nome da página desejada. Para deletar, clique no link [Excluir].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Caso você não queira que seus leitores faça comentários nas suas páginas estáticas, acesse editar página e clique em [Configurações da página]. Depois em [Opções].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Selecione [Não permitir, ocultar existentes] em Comentários dos leitores. Clique no botão [Concluído]. Não esqueça depois de clicar no botão [Atualizar] para salvar definitivamente suas alterações.

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Atenção: Caso você deseje adicionar links de redirecionamento para outros endereços da web, terá primeiro que criar o gadget do menu apenas com páginas estáticas e depois acrescentar os links externos desejados.

 

Criar gadget do menu no blog

No menu lateral, clique em [Layout].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Clique em [Adicionar um Gadget]. Você poderá acrescentar o seu menu em qualquer ponto do layout para depois arrastá-lo no local desejado.

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Na janela Adicionar um gadget, role a tela até encontrar Páginas. Clique no link ou no botão [ + ].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Nesta janela aberta, você poderá  configurar a sua lista de páginas (páginas estáticas ), sendo:

  • Alterar ou excluir Título (opcional).
  • Selecionar Páginas a serem exibidas (marque as páginas estáticas que você quer que apareça no menu).
  • Se desejar, descreva outro nome para Página inicial, como Início ou Home por exemplo.
  • Ordem das páginas – ordene as páginas arrastando nas posições desejadas.

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Criando páginas com endereço da web:  Neste momento você poderá criar redirecionamento para outros endereços da web, clicando no link [Adicionar link externo].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

No nosso exemplo, utilizamos um link externo: http://visualrp.blogspot.com/. Depois de definido o Título da página e Endereço, clique no botão [Salvar link].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Você também poderá usar um link interno de um post publicado no seu próprio blog, como mostrado no exemplo abaixo:

 http://visualdicas2000.blogspot.com.br/2010/07/crie-enquetes-personalizadas.html

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Ou ainda se preferir, poderá incluir links de categorias, que possui sempre a sequência: http://Nome_do_seu_blog/search/label/Nome_da_categoria. Veja o exemplo abaixo:

 http://visualdicas2000.blogspot.com.br/search/label/Testes

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Depois de tudo configurado, clique no botão [Salvar].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Clique em [Salvar organização] para salvar o seu novo menu no layout.

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Com você pode observar no nosso exemplo acima, criamos o menu  Páginas em sidebar (barra lateral). Desta forma teremos um menu vertical

Veja abaixo como ficou nosso menu.

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Mudando a posição do menu em layout

Depois de criadas todas as páginas (páginas estáticas e links externos), você poderá definir o posicionamento do menu no seu blog. Para reordenar o menu (mudar a ordem dos itens do menu), clique na barrinha que aparece à esquerda do item e arraste na posição desejada.

Para gerar um menu horizontal, arraste o gadget Páginas sempre para o local abaixo de header. No exemplo, em função do nosso layout, vamos colocar em crosscol.

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Depois não esqueça de clicar no botão [Salvar organização].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Pronto, agora vamos visualizar como ficou o nosso blog com o menu horizontal.

image

Editando o menu em layout

No painel do Blogger, clique em [Layout] que fica no menu lateral e localize Páginas. No nosso exemplo, o gadget do menu horizontal fica em crosscol

Clique no link [Editar].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Nesta janela aberta, você poderá  configurar a sua lista de páginas (páginas estáticas e páginas de endereço de web), sendo:

  • Alterar ou excluir Título (opcional);
  • Adicionar link externo como já mencionamos anteriormente;
  • Selecionar Páginas a serem exibidas (desmarque as páginas estáticas que você não quer que apareça no menu);
  • Se desejar, descreva outro nome para Início;
  • Ordem das páginas – ordene as páginas arrastando nas posições desejadas;
  • Excluir link’s externos adicionados (clique em [ X ]).

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Depois de tudo configurado, clique no botão [Salvar].

Como criar um menu simples na nova interface do Blogger (2015) - Visual Dicas

Adicionando outros menus

Para adicionar outros menus (lista de links) no seu blog leia  Como criar um menu no Blogger utilizando apenas uma lista de links.

por byALF

1 comentários:

Unknown disse...

Gostei do tutorial. Me ajudou muito

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Fique mais.... Leia os nossos artigos!!!

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Web Analytics