>> Tecnologia Eletrônica >  >> Câmeras >> Acessórios de Fotografia

Como Adicionar Logo Personalizado no Cabeçalho do Tumblr (Estilo WikiAnswers)

Temas padrão do Tumblr não suportam logo persistente na barra superior. Para ter aquele "A azul com três linhas" do WikiAnswers sempre visível, você precisa de um tema customizado.

Duas Rotas

1. Instale Tema Pronto (Sem Código)

  • Navegue no jardim de temas oficial do Tumblr ou marketplaces como ThemeForest.
  • Filtre por "header logo", "custom header image" ou "branding".
  • Preview → Instalar → Personalizar → Faça upload do seu logo (SVG/PNG, fundo transparente).

2. Crie o Seu Próprio (HTML/CSS)

  1. Ative "Editar HTML" no Personalizador de Tema.
  2. No ``, adicione seu logo SVG ou `` dentro de um `
    ` com position: fixed.
  3. Estilize com CSS: `position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: white;`.
  4. Salve. Teste no mobile/desktop.

Snippet mínimo:

<style> #custom-header { position:fixed; top:0; left:0; right:0; height:48px; background:#fff; border-bottom:1px solid #eee; display:flex; align-items:center; padding:0 16px; z-index:9999; } #custom-header img { height:28px; } body { padding-top:48px; } </style> <header id="custom-header"><img src="SEU_LOGO_URL" alt="Logo"></header> 

Se não se sente confortável codando, a Rota 1 é mais rápida e segura.