Pular para o conteúdo principal

Colocar uma barra de menu como essa no Blogger e um link em um botão do menu

by


✅ Passo a Passo para Instalar a Barra de Menu no Blogger

1. Vá em Tema > Editar HTML

2. Localize a tag <body> ou o local onde deseja inserir o menu (normalmente no topo)

3. Cole o seguinte código HTML acima do conteúdo principal do seu blog:

<!-- Menu Personalizado -->
<nav class="top-menu">
  <ul>
    <li><a href="/"><i class="fa fa-home"></i></a></li>
    <li><a href="/search/label/Windows">WINDOWS</a></li>
    <li class="dropdown">
      <a href="#">CATEGORIAS</a>
      <ul class="submenu">
        <li><a href="/search/label/Programas">Programas</a></li>
        <li><a href="/search/label/Jogos">Jogos</a></li>
      </ul>
    </li>
    <li><a href="/search/label/Ativador">ATIVADOR</a></li>
    <li><a href="/search/label/Baixador">BAIXADOR</a></li>
    <li><a href="/search/label/Temas">TEMAS</a></li>
    <li><a href="/search/label/Adobe">ADOBE</a></li>
    <li><a href="/search/label/Mod%20Android">📱 MOD ANDROID</a></li>
    <li><a href="/p/como-baixar.html">COMO FAZER O DOWNLOAD</a></li>
  </ul>
</nav>

4. Agora adicione o CSS para estilizar o menu

Logo antes da tag </head> do seu tema, adicione:

<style>
.top-menu {
  background: #222;
  font-family: Arial, sans-serif;
  padding: 0;
}
.top-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
}
.top-menu ul li {
  position: relative;
}
.top-menu ul li a {
  display: block;
  padding: 14px 20px;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
}
.top-menu ul li:hover > a {
  background: #00aaff;
}
.top-menu .submenu {
  display: none;
  position: absolute;
  top: 100%;
  background: #333;
  min-width: 160px;
  z-index: 999;
}
.top-menu .submenu li a {
  padding: 12px 15px;
}
.top-menu li:hover .submenu {
  display: block;
}
</style>

✅ Resultado:

Você terá uma barra de menu com:

  • Ícone de casa (início)

  • Abas fixas

  • Menu suspenso (dropdown em “Categorias”)

  • Cores e estilo semelhantes ao que você mostrou

✅ Exemplo prático:

Se você quiser que o botão "BAIXADOR" leve para um link específico, como:


https://seusite.com/p/baixador.html

Você deve alterar esta parte:

<li><a href="/search/label/Baixador">BAIXADOR</a></li>

Para isso:

<li><a href="https://seusite.com/p/baixador.html">BAIXADOR</a></li>

🧠 Dica para Páginas Internas no Blogger

Se a página já foi criada dentro do próprio Blogger (como uma página estática), você pode usar:


<li><a href="/p/nome-da-pagina.html">TÍTULO DO BOTÃO</a></li>

Exemplo:

<li><a href="/p/como-baixar.html">COMO FAZER O DOWNLOAD</a></li>

✅ Botão com ícone (exemplo com Font Awesome):


<li><a href="https://youtube.com/@domineseudispositivo" target="_blank">
  <i class="fab fa-youtube"></i> YOUTUBE
</a></li>
Leia mais »

Colocar um texto com link que apareça automaticamente em todas as postagens do seu blog

by

✅ Opção 1: Usar o campo de rodapé da postagem (modo simples)

  1. Vá para o Painel do Blogger.

  2. Clique em Configurações.

  3. Role até a seção Postagens.

  4. Ache a opção Modelo de post.

  5. Clique em "Modelo de post" e insira o seguinte código:

<p>Gostou do conteúdo? <a href="https://www.youtube.com/@domineseudispositivo?sub_confirmation=1" target="_blank">Inscreva-se no canal e receba mais novidades!</a></p>

Gostou do conteúdo? Inscreva-se no canal e receba mais novidades!


  1. Clique em Salvar configurações.

✅ Agora, sempre que você clicar em "Nova postagem", esse texto com o link já aparecerá automaticamente dentro da área de escrita da postagem. Basta escrever o conteúdo acima ou abaixo.


✅ Opção 2: Inserir diretamente no HTML do template (exibe em todas as postagens automaticamente)

Se você quer que esse texto apareça automaticamente em todas as postagens publicadas, sem precisar editar manualmente, faça o seguinte:

  1. Vá para o Painel do Blogger.

  2. Clique em Tema > Editar HTML.

  3. Pressione Ctrl + F e procure por:

<data:post.body/>

  1. Abaixo dessa linha, adicione o seguinte código:


  1. Salve o tema.

🔁 Resultado: esse texto com link será exibido automaticamente ao final de todas as postagens, sem que você precise adicionar manualmente.


Leia mais »

Internet Download Manager

by

Ele tem um chamado "smart download acelerador", onde o arquivo de download vai ser quebrado em várias partes, antes de se fundir no final do download. Capacidade de retomar downloads interrompidos, devido ao desligamento do computador, interrupção de downloads ou qualquer coisa que possa interromper o download. Internet Download Manager (IDM) 6.42.23 Versão Completa mempunyai interface yang simples selain suporte a download de áudio, vídeo, serta integrar dengan navegador seperti Mozilla Firefox, google Chrome, Netscape, Internet Explorer dan banyak lagi. Juga suporte a servidor proxy, ftp dan protocolos http, firewalls, dan deitou-lain.






Leia mais »

Adobe Photoshop 2023 Crackeado

by

 

Vale a Pena Usar o Photoshop 2023?

Sim! Se você trabalha com edição profissional, a combinação de ferramentas tradicionais + IA Firefly na versão 24.7.1 é imbatível. Apesar do custo da assinatura, a economia de tempo e a qualidade dos resultados justificam o investimento.

TORRENT





Leia mais »

Office OK!

by

 


Para ativar o Office abra o power shell e cole esse codigo e dê Enter e escolha a opção 2:

Código 


Leia mais »

Revo Uninstaller Portable

by


 O Revo Uninstaller é um programa projetado para remover completamente softwares e programas indesejados do computador, incluindo arquivos e entradas no registro que podem permanecer após a desinstalação padrão do Windows. Ele oferece recursos adicionais, como limpeza de arquivos temporários e histórico de navegação, além de ferramentas para otimização do sistema. 



Leia mais »

WinToHDD Full v6.6.1 Professional e Enterprise com Portable

by


 

Software para clonar, reinstalar e instalar o Windows

WinToHDD Grátis é uma aplicação desenvolvida para clonar, instalar ou reinstalar o Windows, sem a necessidade de usar um CD/DVD ou uma unidade flash USB. Então, esta ferramenta versátil, permite-lhe fazer alterações em seu sistema operacional Windows sem se preocupar com a perda de dados ou a configuração prévia.

Palavra-passe: awdescargas.com



Leia mais »
Assinar: Comentários (Atom)