A edição de HTML e CSS de origem do Weebly permite que você personalize a aparência e a funcionalidade do seu site além das ferramentas de edição padrão fornecidas pelo Weebly. Aqui estão as etapas para editar HTML e CSS de origem do Weebly:

1. Faça login em sua conta do Weebly:
- Acesse o site do Weebly e insira suas credenciais de login para acessar o painel da sua conta.

2. Abra o Editor de Tema:
- No painel do Weebly, clique no botão “Editar Site” para acessar a interface de edição do seu site.
- Uma vez no editor, clique na aba “Tema” no menu à esquerda.
- Selecione a opção "Editar HTML/CSS" para abrir o Editor de Temas.

3. Edite HTML e CSS:
- O Editor de Tema exibirá o código-fonte HTML e CSS do tema atual do seu site.
- Para editar o HTML, clique na aba “HTML”. Você pode fazer alterações na estrutura HTML do seu site, adicionar código personalizado ou modificar elementos existentes.
- Para editar o CSS, clique na aba “CSS”. Você pode adicionar regras CSS personalizadas para alterar a aparência e o estilo dos elementos do seu site.

4. Pré-visualizar alterações:
- À medida que você faz alterações no código HTML e CSS, você pode visualizá-las em tempo real clicando no botão "Visualizar".
- Isso permite que você veja como suas personalizações afetarão a aparência do seu site.

5. Salvar e publicar:
- Quando estiver satisfeito com suas alterações, clique no botão "Salvar e publicar".
- O Weebly salvará as alterações e atualizará seu site com o novo código HTML e CSS.

Lembre-se de que editar HTML e CSS de origem do Weebly requer um bom entendimento da codificação HTML e CSS. Se você não estiver familiarizado com essas linguagens, é recomendável proceder com cautela ou consultar um desenvolvedor web para evitar consequências indesejadas.