Como obter uma barra de navegação para Tumblr

Escrito por brandy alexander | Traduzido por camila rodrigues
  • Compartilhar
  • Tweetar
  • Compartilhar
  • E-mail

O tema padrão no Tumblr não inclui uma barra de navegação, mas você tem a oportunidade de adicionar um menu drop-down utilizando uma combinação de HyperText Markup Language (HTML) e de código JavaScript. Esse menu de navegação aparece acima de cada entrada do blog, e quando um visitante clica nele, uma lista de páginas é fornecida para que o usuário possa facilmente saltar para a página desejada. Digite o código que cria um recurso de navegação em seu site Tumblr usando as ferramentas em sua conta.

Nível de dificuldade:
Moderadamente desafiante

Outras pessoas estão lendo

Instruções

  1. 1

    Faça login na sua conta e clique no título do seu blog na barra de menu. Clique no botão "Customize appearance" na coluna à direita para acessar a página onde você projeta o seu blog.

  2. 2

    Coloque o cursor na caixa de texto "Description" debaixo da seção "Title" do lado esquerdo. Digite o seguinte código:

    <form action="../"> <select onchange="window.open (this.options[this.selectedIndex].value,'_top')" style="font-size: 11px; text-align:left; font-family: arial;"> <option value="">Nome do menu</option> <option value="Endereço de URL">Nome do link</option> <option value="Endereço de URL">Nome do link</option> <option value="Endereço de URL">Nome do link</option> </select></form>

  3. 3

    Substitua a entrada "Nome do Menu" entre o primeiro conjunto de tags de opção com o título de navegação que você preferir (por exemplo, "Links"). Além disso, insira endereços de páginas Web no lugar de cada entrada "Endereço URL", e digite os nomes de página entre as tags para designar onde o visitante vai quando ele clica no link. Por exemplo:

    <option value="">Links</option> <option value="http://www.website1.com">Nome do site 1</option> <option value="http://www.website2.com">Nome do site 2</option> <option value="http://www.website3.com">Nome do site 3</option>

  4. 4

    Clique no botão "Salvar" na parte superior e clique no botão "Fechar" para voltar para o seu blog.

Dicas & Advertências

  • Você pode adicionar mais links à sua lista, inserindo a seguinte linha quantas vezes for necessário antes da tag :
  • Link Name

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível