Olá. Neste post vou demonstrar como resolvi o desafio de fazer posts em dois idiomas no Blogger usando JavaScript e Html.
Recentemente tive a ideia de fazer meus posts neste blog nestes dois idiomas. Entretanto, não há, no mecanismo do Blogspot (www.blogger.com) uma forma de fazer isto usando apenas um post. Você deve fazer duas postagens para que isso funcione.
Resolvi experimentar usar o JavaScript e o DOM para fazer isso e segue o resultado.
Inicialmente, basta criar o artigo no mecanismo de postagem.
No editor, deve ser alterada a exibição para o código HTML.
Após fazer isto, configure uma região para colocar os radio buttons para seleção do idioma, em português ou em inglês com o código abaixo:
O documento deve ser preparado com tags DIV identificadas e vazias que serão substituídas ao executar os scripts.
Em seguida, devem ser criadas as tags para o script JavaScript, neste post, optei por colocar no início do texto:
Preferi criar duas functions, a primeira, getTextPort() preenche o texto em português e é muito simples, usando apenas o innerHTML para configurar o texto.
A estrutura HTML do post foi preparada com as tags DIVS criadas para a inserção do texto.
Na segunda função, getTextEnglish(), a mesma funcionalidade foi criada, apenas alterando o texto para inglês.
Por fim, para que o post não fique vazio, uma vez que as tags DIV estão vazias, incluí no corpo do post um script chamando a carga do texto em português.