A barra de navegação do Tumblr (links no topo: Início, Arquivo, Perguntar, etc.) depende do tema. Veja como ativar e personalizar no Tumblr moderno.
Via Personalização do Tema (Maioria dos Temas)
- Entre → Configurações (ícone de engrenagem) → Seu Blog → Editar tema.
- No painel esquerdo, procure a seção Navegação ou Cabeçalho.
- Ative "Mostrar barra de navegação" / "Mostrar links do cabeçalho".
- Personalize:
- Links: Adicione URLs personalizadas (Páginas, Tags, Externas). Rótulo + URL.
- Estilo: Dropdown / Barra / Abas. Cores, fontes, efeitos de hover.
- Posição: Topo fixo, estático, abaixo do cabeçalho.
- Clique em Salvar (canto superior direito).
Se Seu Tema Não Tiver Opções de Navegação
- Em Editar tema, clique em "Editar HTML" (canto superior direito).
- Encontre a seção
<nav> ou <header>. - Adicione links manualmente:
<nav class="custom-nav"> <a href="/>Início</a> <a href="/archive">Arquivo</a> <a href="/ask">Perguntar</a> <a href="https://exemplo.com">Link</a> </nav>
- Adicione CSS na caixa "Adicionar CSS personalizado":
.custom-nav { display:flex; gap:1rem; padding:1rem; background:#fff; border-bottom:1px solid #eee; } .custom-nav a { color:#333; text-decoration:none; font-weight:500; } .custom-nav a:hover { color:#0066cc; }
- Salve.
Usando Páginas para Links de Navegação
- Configurações → Páginas → Adicionar uma página.
- Título = rótulo da navegação. Conteúdo = conteúdo da página.
- Ative "Mostrar link para esta página".
- Ordene por arrastar e soltar.
Mobile
A maioria dos temas recolhe a navegação em menu hambúrguer no mobile. Teste após salvar.
As alterações ficam ativas instantaneamente. Visualize antes de salvar.
