MENU REDES SOCIAIS

Passo a Passo para Adicionar um Gadget HTML/JavaScript no Blogger

1. Vá para a Seção de Layout:

No painel do seu blog, procure pela opção "Layout" ou "Design".
Clique nela para acessar as configurações de aparência do seu blog.

2. Adicione um Novo Gadget:
Na seção de layout, você verá uma lista de gadgets disponíveis.
Procure pela opção "Adicionar um Gadget" ou algo similar.
Clique no botão "+" ou "Adicionar gadget".

3. Selecione o Gadget HTML/JavaScript:
Uma janela com diversas opções de gadgets se abrirá.
Role a lista até encontrar a opção "HTML/JavaScript" e clique nela.

4. Cole o Seu Código:
Uma caixa de texto será exibida.
Cole o código HTML e JavaScript que você deseja adicionar ao seu blog dentro dessa caixa.

Importante: Certifique-se de que o código esteja correto e completo para que o gadget funcione como esperado.

5. Salve as Alterações:
Após configurar o gadget, clique no botão "Salvar" ou "Aplicar" para salvar as alterações.

6. Posicione o Gadget:
Arraste e solte o gadget recém-adicionado para a posição desejada na sua página. Você pode colocá-lo na barra lateral, cabeçalho ou rodapé.

7. Visualize o Resultado:
Clique no botão "Visualizar blog" para ver como o gadget ficou no seu blog.
Se tudo estiver funcionando corretamente, você verá o gadget exibindo o conteúdo esperado.

CÓDIGO:

<div class="social-icons">

    <a href="https://www.facebook.com/seuperfil" target="_blank">

      <i class="fab fa-facebook"></i>

    </a>

    <a href="https://www.instagram.com/seuperfil" target="_blank">

      <i class="fab fa-instagram"></i>

    </a>

    <a href="https://www.tiktok.com/@seuperfil" target="_blank">

      <i class="fab fa-tiktok"></i>

    </a>

    <a href="https://www.youtube.com/channel/seucanal" target="_blank">

      <i class="fab fa-youtube"></i>

    </a>

    <a href="https://t.me/seucanal" target="_blank">

      <i class="fab fa-telegram"></i>

    </a>

  </div>

  <style>

    .social-icons {

      text-align: center;

    }

    .social-icons a {

      display: inline-block;

      margin: 10px;

      font-size: 24px;

      color: #000000;

    }

  </style>