Tutorial: Editor de templates interativo do Blogger

Finalmente! A Google finalmente resolveu fazer um editor de templates interativo decente que vai facilitar, e muito, a vida dos blogueiros. ...

Google lança ferramenta que exibe dados de visitas por sobre suas páginas

Blogger: Contador animado e posts populares

Usuários do Opera clicam mais em propaganda online

Finalmente! A Google finalmente resolveu fazer um editor de templates interativo decente que vai facilitar, e muito, a vida dos blogueiros.


É sempre a mesma história. Um internauta resolve criar um blog, entra no Blogger, escolhe um de seus templates, ajusta alguma cores e se sente feliz por ter criado um blog em poucos minutos.
Mas logo percebe que precisa de mais colunas, mais espaço no rodapé, uma largura maior na área de gadgets e aí não tem jeito. Precisa se embranhar na selva de linhas de HTML e estilos CSS ou ainda correr atrás de dicas de blogueiros com mais expertise e torcer para que, ao mexer em uma coisa, as outras não parem de funcionar.

Para minimizar esse problema o Blogger trouxe essa ferramenta online que pode levar a plataforma a um passo além de seus competidores mais próximos. Trata-se de um editor de templates interativo que você pode acessar através do Blogger in Draft (Blogger em Rascunho). Um espécie de laboratório onde o Google lança para teste suas inovações da plataforma antes de incorporar em definitivo no Blogger (e sempre traz um diferencial na edição das configurações do Blogger).

Para acessar a ferramenta basta clicar em Designer de Modelo dentro na aba Layout.

Veja a seguir as principais opções do editor de templates:

1 - Escolher o modelo do seu blog nunca foi tão fácil. E o resultado é conferido na hora pelo painel de visualização na parte inferior.

2 - Em seguida, é só escolher a figura que servirá de pano de fundo entre dezenas categorizadas por assunto. Assim fica mais fácil selecionar pelo estilo do seu blog.

3 - Os esquemas de cores (chamados de temas) são configurados dinamicamente. Você escolhe sua tonalida preferida com esse sofisticado Color Picker (seletor de cores) e as cores dos outros elementos da página mudam para combinar com sua escolha.

4 - Um, duas, três colunas? Você é quem sabe como quer o layout das suas páginas sem precisar meter a mão no código. E ainda pode ter uma coluna (sidebar) subdividida, desde que o modelo escolhido suporte a diagramação.

5 - O número de colunas do rodapé mereceu atenção especial. Combinado com as opções do layout do corpo, a possibilidades totalizam 24 combinações de diagramação de colunas.

6 - Para ajustar a largura de cada sidebar, nada de digitar linhas de código de estilo. Basta apenas arrastar os controles deslizantes e ver em tempo real como aquele gadget que ultrapassou os limites da borda vai encaixar em seu projeto de interface.

7 - As configurações gerais de fontes, cores e bordas dos elementos da sua página são executadas na opção Avançado. A cor da borda da postagem ou o tamanho do título do gadget é facilmente verificado, principalmente, devido a uma linha tracejada vermelha indicando o que será afetado pelas mudanças.

8 - Mesmo assim, um dia você pode querer se diferenciar indo além das opções oferecidas e vai querer codificar manualmente seus estilos CSS. Para isso o item Adicionar CSS está disponível permitindo verificar em tempo real qual será o reflexo das alterações no seu template.

Um template tão customizado quanto o do Blog Brasil Acadêmico não será facilmente adaptado para uma ferramenta automática da noite para o dia. Mas se um dia partirmos para um layout do zero certamente esse editor será de grande valia.
Mas para os blogueiros que estão iniciando um novo projeto de blog ou que querem testar suas experiências com CSS on-the-fly essa aplicação web vai ser uma mão na roda. Fiquei bem impressionado. Podia ter sido feito antes, mas a Google parece ter acertado em cheio na tentativa de conquistar corações e mentes dos blogueiros.
Para experimentar acesse: Blogger in Draft (Blogger em Rascunho)