Para Abelhudos da Informática, essa dica foi essencial, visto que o Blogger tem o velho problemas de excluir suas tags <br/> quando esta é colocada no HTML do Widget e, sem seguida, é trocada para opção de editar texto. (Não somente <br/>, como também várias outras).
Para resolver essa questão de editar o meu HTML em tempo real, uso o site:
http://www.timsfreestuff.com/HTMLEditor/
Esse site tem ajudado muito nas edições HTML deste blog, bem como resolvido o problema supracitado relacionado às tags que o editor do Widget do Blogger exclui, já que este só exclui a tag se você tentá-la ver em tempo real com a opção do Widget.
Vale ressaltar que em Timsfreestuff você também poderá visualizar não só HTML, mas também Javascript e CSS!
Visualizando seu HTML, CSS e Javascript em tempo real
Para começar a visualizar seu código nesse compilador, insira o código no campo semelhante ao da imagem abaixo.
- Se você, por exemplo, estiver digitando sua postagem, você pode clicar na aba HTML na página de edições e, em seguida, copiar todo o código para colar no Timsfreestuff.
O código colado acima aparecerá, logo abaixo, em Result.
Observação: Não é possível editar em Result, como no Blogger, mas apenas o HTML.
Uma dica bem agradável que eu deixo é copiar o código HTML da postagem que você está escrevendo no Blogger e colar no Timsfreestuff. Isso agilizará bem mais na visualização de como ficará a postagem, já que, às vezes, o botão visualizar do Blogger retorna com a falha "Não foi possível visualizar".
Prós e Contras
Prós:- Não é pago;
- O site é rápido;
- Compila (visualiza) Javascript e CSS; inclusive, você poderá também visualizar como ficará funções feitas no Javascript. Dá até para determinar estilos CSS a serem usados no documento.
Contras:
- Não edita o resultado, porém somente o HTML, o que não é muito bom para pessoas "iniciantes" na blogosfera.
Marcadores: Dicas para blogs, javascript