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

Publicidade:

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

0 comentários:

Postar um comentário

Gostou do Post? Então espalhe!

Quem está curtindo...

Encontre no blog...

Gostou? Então espalhe!

Twitter Delicious Facebook Digg Stumbleupon Favorites More