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.
5. Salve as Alterações:
Após configurar o gadget, clique no botão "Salvar" ou "Aplicar" para salvar as alterações.
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é.
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>