Dica Esperta #2 - Formatação nos textos do blog

Ooooie, gentem! A última postagem com dicas espertas também foi relacionada ao layout do blog, disposição de elementos, cores e etc... Dessa vez, a dica vale pra todo mundo que não dispensa um Ctrl+C e Ctrl+V pra colar o texto a ser postado no blog, e ainda vale como um aviso muito importante para todo mundo que quer evitar ter problemas com erros no template e nem deixar o blog pesado.

Então bora espiar pra entender um pouquinho de faxina nas postagens?
Todo blog tem uma pré-configuração no que diz respeito ao tamanho, cor e estilo de fonte. Vocês podem conferir isso nessa parte das configurações do modelo:

Vale lembrar que alguns blogs possuem fontes configuradas no código HTML do template para torná-las padrão, visto que o blogger pobre dispõe de poucos modelos, e por esse motivo não é possível alterar a fonte ao acessar as configurações avançadas. Nem por isso é recomendado alterar a fonte direto na postagem usando a formatação, pois essa formatação sempre vai substituir a configuração padrão e mesmo que, futuramente, você queira mudar seu layout, a fonte pré-configurada nos posts não vai mudar sozinha pois a formatação feita permanece e substitui a configuração padrão. O resultado disso é um blog com postagens cheio de fontes variadas e que vão causar aquela impressão de bagunça, de falta de cuidados e de desleixo com a aparência do blog e a apresentação dos textos.

O grande problema

Tem gente que vai postar uma resenha, por exemplo, e pra facilitar na hora de escrever a sinopse, corre no Skoob e copia o texto de lá. Aí cola no post e continua escrevendo o que tem pra escrever... Depois, ao visualizar e postar, um pedaço do texto está diferente do restante e a pessoa não faz ideia do que é isso.. e muitas vezes ainda posta assim mesmo, sem se preocupar com essa diferença e sem considerar que isso estraga a apresentação do texto, e do visual do blog também. Isso acontece porque, como expliquei acima, ao copiar um texto de um lugar que possui formatação própria, essa formatação é mantida e o que está pré-configurado no blog, é substituído por ela.

Olhem um exemplo de como fica um texto copiado do Skoob (a sinopse, no caso) e colado diretamente no corpo da postagem publicada sem se preocupar com a formatação:

Repare que o início do texto se manteve fiel à configuração do blog (tipo de fonte, tamanho e cor), mas a parte da sinopse copiada, puxa a formatação do Skoob. E uma vez aberto o comando de formatação, o restante do texto continua com ele...

No HTML da postagem, a área destacada iniciada por <span indica a formatação que não queremos, mas veio quando copiamos o texto do Skoob, e ela termina no </span seguinte. Essa formatação define a cor da fonte (#474747), o tipo de fonte (Arial) e o tamanho da fonte (14px), mas é possível que outros tipos de formatação, dependendo de onde o texto foi copiado, venham junto.
E pra desgraçar o negócio ainda mais, a pessoa, desesperada, usa as ferramentas de edição do blogger pra tentar "consertar" a caquinha, e consegue enfiar mais código de formatação sem necessidade do que já tem. Muda a fonte, insere fundo e etc...
É tanto código de formatação que mal dá pra encontrar o texto importante no meio da bagunça... Meu exemplo foi pequeno, mas existe coisa muito pior por aí... A pessoa desiste, publica o texto e "may the odds be ever in your favor"...

Mais um vilão

Outro perigo ainda maior é o WORD. O que acontece é que muita gente escreve o texto no Word, formata com estilo de fonte, tamanho e cores de sua preferência. Mas depois copia e cola direto no corpo da postagem sem se preocupar com essa formatação, pois dessa forma o texto sempre sai do jeito que a pessoa quer. Só que o Word é um editor de texto muito poderoso, e, às vezes, além da formatação feita nele, você ainda pode copiar códigos de scripts que vão embutidos sem saber, pois quase ninguém confere o HTML da postagem pronta, e esse benditos códigos vão deixar o blog mais pesado a cada nova postagem, e vão acabar fazendo com que, mais cedo ou mais tarde, apareça algum erro medonho no template. Pasmem, mas já encontrei postagens criadas no Word (e coladas direto no post) com mais de MIL linhas de códigos de formatação, scripts e até macros! E era uma postagem com menos de 20 linhas de texto! E isso era um um único post... imaginem essa formatação em todos os outros posts do blog... Se aquela imagem alí em cima cheia de códigos de formatação assusta, imaginem uma formatação inútil com mais de mil linhas!!! É pedir pra sofrer futuramente... Evitem usar o Word para redigirem textos que, posteriormente usando o copiar e colar, serão postados no blog.

A simples solução!

Existem duas formas muito simples e fáceis de tirar a formatação horripilante pra ela ficar limpinha como na imagem abaixo:

• Usando o Bloco de Notas

É só copiar o texto, seja de outros sites ou do Word, pro BLOCO DE NOTAS. Sim, ele é pobrinho, não dá pra editar nada com ele, mas esse é o segredo do sucesso aqui, pois ele tira qualquer formatação de textos copiados e que já possuem formatação. Então faça isso: copie o texto que você quiser usar e cole no Bloco de Notas. Depois copie do Bloco de notas pro blog! Simples, não?
Dessa forma, o HTML da postagem fica limpo e ao visualizarpublicar a postagem final (já com as devidas formatações de negrito e blockquote aplicadas), ela vai ficar do jeito que deveria ser, assim:

A desvantagem de usar o Bloco de Notas pra faxinar, é que se você tem palavras com hyperlinks, estes serão perdidos, então é preciso salvá-los antes pra inserí-los depois da limpeza. O ideal é usar esse método para redigir textos, e ao colar no corpo da postagem, usar as formatações básicas do próprio blog.

• Usando a ferramenta Remover Formatação

Na barra de ferramentas do blog existe um botãozinho "mágico" (o T com um x vermelho) que limpa todas as formatações existentes, basta selecionar o texto e clicar no botão, mas já adianto que se o post que você pretende faxinar contém muitas imagens, é preciso ter atenção, pois todas essas imagens vão parar no início do post sendo necessário reupá-las ou reposicioná-las de volta aos seus devidos lugares, o que pode ser bem trabalhoso já que elas também perdem as formatações no que diz respeito a tamanho, alinhamento e afins e não vão encaixar em qualquer lugar de forma simples.

Então, no caso de haver imagens no post, o ideal é que somente as áreas que contém texto sejam selecionadas, parágrafo por parágrafo, pulando imagens. E a vantagem de usar esse método é que, diferente do bloco de notas, as palavras que contém links não são afetadas e os links continuam lá, do mesmo jeito.

Uma observação: Ao remover a formatação do texto, você pode se assustar com os enormes espaços entre parágrafos que vão aparecer, como se você tivesse dado vários "enters" entre eles, mas é só apagar tudo pra aproximar o texto de novo e na dúvida visualize o texto antes de publicar pra se certificar de que está tudo nos conformes.

Pra finalizar...

Caso você tenha muitos posts "estragados" com essas formatações, pode partir pra faxina usando essas dicas. Vai dar trabalho, vai levar tempo, mas além de evitar possíveis erros, seu blog vai ficar mais limpo, bonito e organizado. E um lembrete: ter e manter um blog não é só ir lá no "criar nova postagem", escrever e pronto. É preciso se atentar a esse tipo de coisa, tanto pra manter um visual limpo e bacana, quanto pra evitar problemas que possam surgir devido a tantas formatações.

Claro que usar formatação pra enfeitar o texto não tem problema nenhum, desde que o uso seja feito com moderação, por favor. O blog já é pré-configurado e não tem a menor necessidade de mexer onde não precisa, a menos que você queira mudar o texto colocando um negrito, um itálico, um sublinhado, um tachado, um blockquote pra destacar uma citação e coisas simples do tipo...

Espero que a dica tenha sido útil pra vocês! Em caso de dúvidas ou sugestões para mais dicas do tipo, é só deixar aqui nos comentários. Assim que possível respondo aqui mesmo, então volte pra conferir, please. Ou se preferir, é só me mandar um email.

Bjodoce!