Teste

 

Você matou a charada. O Blogspot/Blogger usa um sistema proprietário e bem antigo baseado em um único arquivo XML estruturado com tags exclusivas deles (como <b:section>, <b:widget>, <b:skin>).

Quando você pede a uma IA genérica (mesmo no AI Studio) para "criar um site" ou "criar um template", o padrão dela é agir como um desenvolvedor web moderno, dividindo tudo em vários arquivos separados (HTML, CSS e JavaScript).

O AI Studio consegue criar o XML do Blogspot, mas começar do zero é arriscado. Como as regras de validação do Blogger são muito rigorosas, qualquer tag fechada incorretamente pela IA vai gerar um erro na hora do upload.

Para a estrutura do seu projeto — que exige foco total em capítulos longos, com 18.000 caracteres e onde a leitura precisa ser imersiva e sem distrações —, aqui estão as duas formas de resolver isso:

1. O Método "Híbrido" (O mais seguro e profissional)

Em vez de pedir para a IA criar a estrutura XML complexa do zero, você usa um esqueleto pronto e coloca a IA apenas para fazer a "pintura".

1. A Base: Baixe um template minimalista gratuito em formato .xml em sites como BTemplate ou Gooyaabi Templates (busque pela categoria "Minimal" ou "Text-focused"). Faça o upload no Blogspot. Isso garante que a parte estrutural não vai quebrar.

2. A Personalização (AI Studio): Abra o AI Studio e peça para ele criar apenas o CSS Customizado focado na experiência de leitura.

   • Exemplo de pedido: "Escreva um código CSS para um blog de leitura. O fundo deve ser quase preto (para leitura noturna confortável), o texto dos capítulos deve usar uma fonte serifada elegante e em tamanho grande, e os links de navegação devem ter um tom de vermelho escuro. Foque em margens largas para que o texto não fique colado nas bordas da tela."

3. Cole esse CSS na área de "Personalizar > Avançado > Adicionar CSS" do próprio Blogspot.

2. O Método "Força Bruta" (Gerar o XML no AI Studio)

Se você realmente quiser tentar gerar o arquivo único pronto para upload, precisa usar um prompt que "prenda" a IA às regras antigas do Google. Cole isto no AI Studio:

"Atue como um desenvolvedor especialista em templates do Blogger/Blogspot. Crie um template XML básico, válido e de página única. O código DEVE ser um único arquivo XML, contendo a declaração obrigatória <?xml version="1.0" encoding="UTF-8" ?> e a estrutura de tags do Blogger (<b:skin>, <b:section id='main' class='main' showaddelement='yes'>, <b:widget type='Blog' id='Blog1'>). O layout deve ser otimizado para a leitura de textos muito longos: design minimalista de uma coluna central, fundo escuro, texto claro e responsivo para celular. Entregue EXCLUSIVAMENTE o código XML bruto, sem arquivos HTML/CSS separados."

A opção híbrida costuma dar muito menos dor de cabeça, além de garantir que seus marcadores e aquele menu de índice que conversamos funcionem perfeitamente.

Se quiser seguir pelo método híbrido, me avise e eu já gero o bloco de código CSS exato para você deixar a página com um visual noturno e intenso.