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.
<!doctype html>
<style>
#menuii {
color: #39FF14; /* Letras verde fluorescente */
text-align: center;
background-color: black; /* Fundo preto */
font-family: Arial, sans-serif; /* Fonte mais fácil de ler */
}
#categorii a {
display: block;
color: #39FF14; /* Letras verde fluorescente */
background-color: black; /* Fundo preto */
padding: 10px;
text-decoration: none;
border: 2px solid #39FF14; /* Moldura verde fluorescente */
margin-bottom: 5px;
box-sizing: border-box;
font-family: Arial, sans-serif; /* Fonte mais fácil de ler */
}
#categorii a:hover {
color: black; /* Letras pretas */
background-color: #39FF14; /* Fundo verde fluorescente */
}
</style>
<div class="separator" style="clear: both; text-align: center;">
<div id="menuii">
CATEGORIA
<div id="categorii">
<a href="Link">Nome do Menu Aqui</a>
<a href="Link">Nome do Menu Aqui</a>
<a href="Link">Nome do Menu Aqui</a>
<a href="Link">Nome do Menu Aqui</a>
</div>
</div>
</div></!doctype>