Blogger Camila Fiori

O novo editor de HTML do Blogger – Análise completa

Novo editor de HTML no BloggerJá não é mais novidade que o Blogger lançou um novo editor de HTML.

Na noite do dia 09/04, foi disponibilizada uma nova versão do editor, com diversas funcionalidades interessantes e também alguns detalhes incômodos.

Neste artigo, você conhecerá os detalhes sobre a novidade e minha opinião sobre as mudanças realizadas.

Introdução

Dependendo do seu perfil como usuário do Blogger, pode ser que você nunca tenha precisado alterar o HTML do seu template.

Se você apenas publica suas postagens, responde comentários e instala widgets, é bem provável que não tenha ainda precisado acessar essa área.

Se for esse seu caso, esta novidade significará pouco – ou nada – para você.
 

No entanto, se você é um usuário avançado, que gosta de instalar códigos em seu template, faz você mesmo suas customizações e quer deixar seu blog com um visual diferente de qualquer outro, há grandes novidades!

Felizmente, o Blogger investiu para tornar mais fácil a sua vida.

No artigo Como editar o HTML de seu template no Blogger, eu expliquei como realizar alterações no HTML no editor antigo.

Tratava-se de um editor bastante pobre e sem recursos. Por isso mesmo, eu preferia copiar o código para um editor de textos – como o Notepad++ – e fazer nele as alterações.

Com as mudanças, isso pode não ser mais necessário.

Um fato curioso é que presenciei esta mudança “ao vivo”: ela foi disponibilizada pelo Blogger enquanto eu trabalhava em um template.

Após publicar uma alteração, vi a tela totalmente reformulada.

Preferi publicar essa informação de imediato apenas em minhas redes sociais e trabalhar alguns dias com o novo editor para poder expressar minha opinião.

A novidade foi oficialmente divulgada no artigo Improvements to the Blogger template HTML editor.

Abaixo, estão explicações detalhadas sobre como usar o novo editor e minhas impressões sobre ele.

Comparação visual entre o antigo e o novo editor

Nas figuras abaixo, você pode comparar rapidamente como era o editor e como ele ficou agora.

Antigo

Novo editor de HTML no Blogger


Novo

Novo editor de HTML no Blogger

 Em termos visuais, é como se antes você utilizasse o Bloco de Notas do Windows para editar seu template e agora passar a utilizar o Notepad++.

A propósito, muitos dos novos recursos (como a numeração de linhas, o “syntax highlight” e a abertura/fechamento de códigos) já estavam presentes nessa ferramenta e são realmente úteis.

Novidades no novo editor de HTML

Abaixo, você verá quais são as novidades trazidas nesta atualização. Em cada um dos itens, colocarei minha opinião a respeito da alteração realizada.

1. Syntax highlight

Visualmente, esta é a primeira coisa que chama a atenção no novo editor: agora, o seu código HTML vem em cores variadas e não mais somente em fonte preta, como antes. 


Novo editor de HTML no Blogger

 Há um ótimo motivo para isso, que já é conhecido por quem está acostumado a trabalhar com linguagens de programação.

Em um código, há diversos tipos diferentes de elementos: textos, comentários, variáveis, constantes etc.


O que o novo editor mostra agora são justamente esses elementos em cores diferentes.

A vantagem é que, dessa forma, fica mais fácil fazer uma “leitura organizada” do código, identificado rapidamente o que é cada trecho que você está vendo.

MINHA OPINIÃO: É um recurso importante e bem vindo. Quando você se acostuma com as cores, fica mais fácil detectar que você escreveu um termo errado (por exemplo “hiden” em vez de “hidden”), pois ele ficará em cor diferente dos demais elementos.

2. Numeração de linhas

Outra alteração que é facilmente detectada é que agora o editor mostra o número de cada linha do código na margem esquerda.

Com isso, é possível detectar facilmente em que linha do código você está.

Novo editor de HTML no Blogger

Isso traz diversas vantagens:

  • Quando ocorre um erro ao tentar aplicar o template e o Blogger informa a linha, é simples encontrar onde ele está.
  • Se você faz uma busca no código e identifica diversas ocorrências do resultado, também é fácil descobrir em que ponto do código você está.

Uma observação: não se assuste com as linhas “puladas” ou “faltantes”. Isso será explicado no próximo item.

MINHA OPINIÃO: É outro recurso útil e importante. Para ficar perfeito, poderia ser mostrado também o número da coluna em um rodapé. Mas, da forma como está já é bem interessante.

3. Blocos de códigos contraídos

Na nova versão, há blocos de código que não aparecerão por padrão quando você editar o seu código HTML.

Em lugar do código aberto, você verá uma “seta” na barra esquerda, mostrando que o código está contraído.

Você também verá que a numeração apresentará “falhas” nesse trecho.

Abaixo está um exemplo, mostrando todo o bloco onde fica seu CSS contraído:

Novo editor de HTML no Blogger

Neste outro trecho, há o código de alguns widgets contraídos:

Novo editor de HTML no Blogger

Para mostrar o código completo desses trechos, basta clicar na “seta” da barra e ele será aberto naquele ponto.

É uma opção semelhante à que havia antes, chamada “Expandir modelos de widgets”.

A diferença é que agora você deve fazer a expansão em cada widget que deseja visualizar, não sendo mais possível expandir todos de uma vez.

Outra diferença é o fato do código CSS também vir contraído por padrão. Isso significa que, para visualizar seu código CSS, você deve clicar na seta ao lado de “skin”.



Embora eu tenha dito antes que não seria possível voltar a contrair o código após tê-lo expandido, a informação estava errada.

Basta clicar na mesma linha que antes mostrava a contração para que isso ocorra.

Agradeço ao Osvaldo Correia e ao Rubens Takiguti Ribeiro pela dica!

Outra dica dada pelo Rubens e que eu não tinha percebido é que é possível também contrair outros elementos que vêm abertos por padrão.

Clique em uma linha que tenha o início de um IF ou de uma DIV por exemplo para ver o efeito.

O objetivo da alteração parece ter sido deixar um código mais limpo visível, mostrando somente os trechos que, teoricamente, são os mais alterados.

MINHA OPINIÃO: Gostei – mas não muito – da mudança. Em meu caso, o CSS é um dos pontos onde faço mais alterações, então não vejo sentido em ele vir contraído por padrão. Outro ponto negativo é que, quando se usa a busca do navegador, as palavras não são encontradas nos trechos contraídos.

4. Busca no código

Outra novidade é que agora o próprio editor possui um mecanismo de busca de palavras dentro do código. Antigamente, isso só será possível pela busca do navegador.
 

Para ativar a busca, é necessário clicar em qualquer trecho do código e pressionar as teclas CTRL+F.

Será aberta uma caixa no canto superior direito para você digitar o termo a pesquisar. Depois é só pressionar ENTER para procurar.

Novo editor de HTML no Blogger

Você também pode utilizar as teclas CTRL+SHIFT+F para procurar e substituir um termo específico (primeiro, digite a palavra a procurar, depois ENTER, depois a palavra a substituir, depois ENTER novamente).

E pode também procurar e substituir todas as ocorrências de uma palavra com CTRL+SHIFT+R.

Uma boa notícia é que essa busca funciona inclusive dentro dos blocos contraídos.

Ou seja: se você utilizá-la para procurar um termo que está dentro de seu CSS, ele será encontrado com com a “skin” fechada.

MINHA OPINIÃO: É um recurso útil, especialmente por conseguir localizar termos no código contraído. Mas, é também bastante limitado nas opções de busca, sem poder procurar para cima ou por palavras inteiras, por exemplo. Para quem estava acostumado a utilizar somente a busca do navegador, é uma boa opção.

5. Ir para um widget

Esta é uma opção bastante interessante e disponível somente no Blogger (ou seja, nem no Notepad++ é possível fazer isso).


A clicar na baixa “Ir para um widget” é mostra uma lista com todos os widgets que existem em seu modelo.

Clicando no nome dele, você será levado para o código daquele widget, facilitando o trabalho de edição.

Novo editor de HTML no Blogger

MINHA OPINIÃO: Este é um ótimo recurso, especialmente em blogs que contenham muitos gadgets. Com ele, os widgets são localizados rapidamente, não importa em que parte do código estejam.

6. Visualizar modelo

A opção “Visualizar” já existia na versão antiga do editor.

Ela permite visualizar como ficará seu blog após as alterações no template atual, antes mesmo de salvá-las.

Isso é muito útil para ter certeza do efeito que elas trarão ao template, pois, após salvá-las, todos os seus leitores as versão;

A diferença é que antes, a visualização era feita em uma nova guia ou aba do navegador.


Agora, ao clicar no botão “Visualizar modelo” a visualização é feita na própria janela, no mesmo local onde é mostrado o código do template.

Novo editor de HTML no Blogger

Para voltar à edição, é necessário clicar no botão “Editar modelo”.

MINHA OPINIÃO: De todas as alterações, esta foi a mais infeliz. A forma anterior era muito melhor, pois mostrava exatamente como o blog se comportaria ao ser visualizado em uma janela inteira. Agora, o espaço é limitado e não permite ver o blog por completo. O pior é que não há como você não utilizar essa forma de visualização.

7. Formatar modelo

Esta opção foi uma ótima ideia!

Quem trabalha com HTML (ou outras linguagens de programação) sabe como um código bem organizado facilita sua compreensão e manutenção.

Um dos aspectos importantes para essa organização é a indentação (ou endenteção, como prefere alguns) do código.

Trata-se de usar espaços no início da linha, de forma a mostrar qual código está “dentro” de outro.

Utilizando como exemplo um código que mostrei no artigo Como otimizar o título das suas postagens para o Google, é mais fácil entender o funcionado do código

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
    <title>Palavras-chaves – <data:blog.title/></title>
<b:else/>
    <title><data:blog.pageName/> – <data:blog.title/></title>
</b:if>

do que deste

<b:if cond=’data:blog.pageType == &quot;index&quot;’> 
<title>Palavras-chaves – <data:blog.title/></title>
<b:else/> 
<title><data:blog.pageName/> – <data:blog.title/></title>
</b:if>

Agora, ao clicar no botão “Formatar modelo”, a indentação será feita de forma automática em todo o seu template, permitindo melhor compreensão. Veja abaixo o exemplo do template antes e depois a alteração.


Antes

Novo editor de HTML no Blogger

Depois

Novo editor de HTML no Blogger

Outra alteração interessante que este recurso faz é eliminar as linhas em branco que existem ao longo do template, que realmente não servem para nada.

MINHA OPINIÃO: A ideia deste recurso bastante útil e bem vinda! Trabalhar com um código organizado é muito mais simples e rápido do que um código desorganizado e difícil de entender. Mas, é necessário extremo cuidado ao utilizá-lo: em um teste em meu template oficial, essa operação fez alterações em meu código que fizeram com que alguns recursos deixassem de funcionar. Por isso, antes de utilizá-la é essencial guardar uma cópia do seu template, para poder voltá-la em caso de erro. Outro porém é que a organização não funciona bem com códigos “comentados” ´do HTML, deixando-os sempre alinhados à esquerda.

8. Botão “Voltar”

Este botão simplesmente faz com que você volte à tela anterior à edição de HTML.

MINHA OPINIÃO: Não é um recurso significativo.

Recursos que foram mantidos da versão anterior

Além dos novos recursos, há dois que já existiam na versão anterior e foram mantidos:

1. Salvar modelo

É nesse botão que você deve clicar quando terminar todas as alterações que deseja realizar em seu template e quiser salvá-las para que tenham efeito em seu blog. Uma vez realizada, não é mais possível desfazê-las – a menos que você tenha o código anterior para poder colá-lo no editar e salvar novamente.

2. Reverter alterações

Este botão serve apenas para descartar as alterações que você fez em seu HTML e que não estão salvas. Ao clicar nele e confirmar a operação, será recarregado seu código da mesma forma que estava da última vez em que foi salvo.

3. Reverter modelos de widgets para o padrão

Este é um recurso interessante – mas que deve ser utilizado como extremo cuidado. Ele pode ser útil no caso de recursos que não estão funcionando corretamente em seu template, seja porque estão errados ou porque o Blogger lançou alguma novidade. Há informações completas sobre ele no artigo Reverter modelos de widget para o padrão.

Conclusão e opinião geral

É sempre uma boa notícia ver que o Google continua investindo no Blogger e aplicando tempo e dinheiro em novas funcionalidades.

O editor antigo era pobre demais e dificultava a edição do HTML diretamente nele.

Por esse motivo, sempre fiz minha alterações copiando o template, colando-o no Notepad++, fazendo lá as mudanças e devolvendo o código para o Blogger.

Em linhas gerais, as novidades ficaram interessantes.


Para quem fazia a edição diretamente pelo editor antigo, será um grande avanço, que permitirá mais agilidade e facilidade para realizar as mudanças no código.


A grande “pisada na bola”, a meu ver, foi a mudança da visualização, que era notadamente melhor na versão anterior. Já a opção de “Formatar modelo” foi o grande ganho, pois é algo muito interessante e que eu não tinha em nenhum outra ferramenta.

Mesmo no meu caso, onde houve erros na interpretação do modelo, é possível fazer a correção manualmente e se beneficiar da funcionalidade.

Algo que seria uma evolução enorme – mas não foi feito – seria a possibilidade do próprio Blogger guardar as versões anteriores do template a cada edição.

Dessa forma, seria simples recuperar o blog após uma mudança feita de forma errada. O Google Sites, por exemplo, possui essa funcionalidade.

Em meu caso específico, prefiro continuar utilizando meu método de edição pelo Notepad++ para grandes alterações – mesmo porque gosto de armazenar as versões do meu template a cada mudança.

Mas, com certeza utilizarei a ferramenta de “Organizar código” para torná-lo mais “limpo”.

Em alterações pequenas, já estou utilizando o novo editor e gostando muito!

E você, o que achou da novidade?

Quais foram os ganhos e perdas?

Compartilhe sua opinião em um comentário!

Classifique este post

| Website

Apaixonada por comunicação. Formada em Jornalismo e blogueira por Hobbie. Atual responsável por este e vários outros blogs de Internet Marketing.

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

81 Comentários

  1. Cristina Boldi disse:

    Bom dia Adelson!

    Excelente artigo, meus parabéns muito bem explicado.
    Eu ainda estou meia perdida nesse novo editor, ainda não fiz nenhuma alteração no html, mas confesso que vou ter que pensar bastante antes de mexer para não fazer nada errado rs…
    Obrigada por ajudar!
    Beijos!

    • Adriano Luz disse:

      Olá, Cris!

      Obrigado pelos elogios! Fico feliz que tenha gostado! 🙂

      No começo, é mesmo normal ficar perdida com tantas mudanças. Mas, depois que você se acostumar, você verá que ficou mais fácil realizar as mudanças agora.

      Beijo!

  2. OCP disse:

    Eu estou a gostar desta alteração, mais não seja pela melhor facilidade em ler os códigos que na versão anterior eram minúsculos.

    Já para voltar a contrair um elemento, basta clicar na linha referente ao inicio do mesmo. Exemplo: b/skin começa na linha 20, para contrair basta voltar a clicar nessa linha. 😉

    Abraço. 🙂

    • Adriano Luz disse:

      Olá, Osvaldo!

      No fim das contas, eu também gostei das mudanças. Mas, ainda não foram suficientes para eu abandonar o Notepad++.

      Quanto à dica para contrair um elemento, foi ótima! Eu não tinha mesmo percebido que isso era possível. Já vou acertar o artigo.

      Um abraço e obrigado pela dica!

  3. Marcelino Paulo Ferreira disse:

    Olá. Eu tive dificuldade na primeira abordagem. Não sou «especialista». Fiquei confuso. Mas estou a ficar acostumado 🙂

    • Adriano Luz disse:

      Olá, Marcelino!

      Acredito que o primeiro contato com o novo editor possa mesmo ser confuso. Mas, você logo se acostumará a ele e verá que ficou mesmo melhor que o anterior.

      Um abraço!

  4. Lucas Darini disse:

    Olá Adelson.

    Fiquei surpreso quando me deparei com essa mudança, enquanto editava meu código. O novo editor de html do Blogger trouxe mudanças muito importantes e ficou bem melhor do que antes. A principal desvantagem, na minha opinião, são os códigos contraídos, pois quando você usa a caixa de busca, os códigos que estão dentro dos trechos contraídos não aparecem. Mas mesmo assim a mudança foi ótima.

    Parabéns pelo artigo!

    • Adriano Luz disse:

      Olá, Lucas!

      Acho que a mudança pegou a todos de surpresa!

      Quanto à busca nos códigos contraídos, basta utilizar a busca do próprio editor, que encontrará os termos mesmo que estejam em uma área contraída do código.

      Um abraço!

  5. Viviane Palma disse:

    que bom saber de tudo antes de entrar lá alterar e levar um susto depois ,obrigada por compartilhar conosco as mudanças , eu achei bom , mas ainda tem muito que evoluir

    • Adriano Luz disse:

      Olá, Viviane!

      Que ótimo saber que o artigo tenha chegado a você antes de você se deparar com o novo editor! Espero que seu susto seja menor agora.

      Um abraço!

  6. João Vítor Dias disse:

    A equipe da Google está investindo bastante na plataforma Blogger, além de ser gratuita, não para de evoluir! Ótimo artigo, muito bem explicado, parabéns!

    Abraços,
    João Vítor Dias – Designer & Programador
    StudioNoctus.com

    • Adriano Luz disse:

      Olá, João!

      Toda novidade no Blogger é mesmo bem vinda! Em uma época em que o Google reavalia a descontinua produtos com frequência, é ótimo perceber que o Blogger continua recebendo investimentos.

      Um abraço!

  7. Edigley Alexandre disse:

    Olá, Adelson!

    Estava esperando o seu artigo para ler sua opinião sobre as novas funcionalidade lançadas no Blogger. Como lhe é peculiar, fica fácil para usuários avançados ou não, entender suas análises.

    Estou de acordo com suas opiniões. O código do meu blog tem 2943 linhas com CSS contraído, mas ao expandi-lo a quantidade de linhas é a mesma. É um bug ou estou entendendo errado?

    A lista "Ir para um widget", é muito útil, mas bem que poderia ter o nome de cada widget, assim não ficaria procurando as linhas HTML12, HTML13, HTML14, etc.

    A numeração de linhas era uma das mudanças que mais esperei no blogger. Ela facilita muito a minha vida quando ocorre erros no código. Esse recurso agiliza muito a correção destes erros.

    Obrigado pelo detalhado artigo.

    Abraço!

    • Adriano Luz disse:

      Olá, Edigley!

      Que ótimo que eu tenha conseguido simplificar a questão! 🙂

      Quanto ao número de linhas, é uma questão de interpretação: a numeração da linha é mostrada como ela seria se não estivesse contraída. Por isso há os "saltos" da numeração. Então, é correto que a numeração permaneça a mesma mesmo que esteja contraída. Levando para um mundo que estamos acostumados: é como ocultar linhas no Excel, em que o número continuará sendo o mesmo.

      Realmente, a opção de "Ir para um widget" ficará ainda melhor se pesquisasse pelo título do widget. Quem sabe em uma próxima versão.

      Um abraço!

  8. Eli disse:

    Gostei da postagem, Bem explicativa, obrigado.

    Minha dúvida é como salvar o modelo completo em meus arquivos antes de fazer alterações e salvar modelo? Caso dê alguma coisa errada.

    Tentei colocar a tag do Navegg Analytics conforme explicado em um artigo seu e cliquei em visualizar modelo e veio a mensagem:
    Não foi possível carregar a visualização do modelo: Erro ao analisar XML, linha 437, coluna 79: Element type "script" must be followed by either attribute specifications, ">" or "/>".

    Eliezer.

    • Adriano Luz disse:

      Olá, Eliezer!

      A forma mais simples para fazer uma cópia do seu HTML é seguir o seguinte procedimento:

      1. Clique em qualquer ponto do código.
      2. Pressione CTRL+A para selecionar todo o código.
      3. Pressione CTRL+C para copiá-lo.
      4. Abra um editor de texto e pressione CTRL+V para colar o código.
      5. Salve o arquivo e você terá a cópia de segurança.

      Felizmente, quando o código é copiado, ele copia inclusive os trechos contraídos do código.

      Quanto ao erro ao colocar a tag da Navegg Analytics, acredito que tenha faltado alguma parte do código. Uma alternativa é você colocá-la em um gadget do tipo HTML/JavaScript.

      Um abraço!

  9. Elaine Gaspareto disse:

    Adelson, boa tarde
    De todas as mudanças eu só não gostei mesmo foi o modo Visualizar. Impossível gostar daquilo…
    Mas como não está em nossas mãos definir se queremos ou não o jeito é se adequar, né?
    beijosss, excelente artigo!

    • Adriano Luz disse:

      Olá, Elaine!

      Acho que ninguém gostou da nova opção de Visualizar. Ficou muito aquém da funcionalidade que tínhamos antes. Tomara que a equipe do Blogger reconsidere isso e volte à forma anterior de visualização.

      Um abraço e obrigado pelo elogio!

  10. Henrique Neves disse:

    Olá Adelson! – Eu ja havia lhe pedido uma orientação sobre esta mudança do bloguer no Formspring, mas aproveitando que você trata sobre isto neste excelente artigo volto a lhe pedir uma orientação. Após está mudança agora no lugar do resumo das postagens aparecem os codigos desta forma (v:* {behavior:url(#default#VML);} o:* {behavior:url(#default#VML);} w:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} Normal 0 false 21 false false false PT-BR X-NONE X-NONE …) Ja tentei repor, mas da erro. O que devo fazer?

    Desde já agredeço.

    • Adriano Luz disse:

      Olá, Henrique!

      Aparentemente, esse problema tem relação com o conteúdo das suas postagens. Por acaso, você as escreve no Word e depois cola no Blogger? Pode ser esse o problema.

      Para resolver isso, edite a postagem com erro e a visualize no modo HTML. Remova toda a parte de código que há antes do início do texto e publique novamente.

      Para novos artigos, escreva-os diretamente no editor do Blogger.

      Um abraço!

    • Henrique Neves disse:

      Olá Adelson! – Muito obrigado, realmante o problema era este. Vou começar a usar o próprio editor do bloguer.

      Um grande abraço.

  11. Rubens Takiguti Ribeiro disse:

    Adelson, uma observação sobre o item 3 (Blocos de códigos contraídos) é que é possível voltar a contrair um bloco clicando no número da linha em que ele foi aberto. De fato, não é muito intuitivo, mas o recurso existe. Fica a dica.

    Além disso, é possível contrair outros elementos que vem aberto por padrão.

    • Adriano Luz disse:

      Olá, Rubens!

      Eu realmente não tinha notado que era possível fechar uma sessão de código que foi expandida.

      E também não percebi que era possível fechar outras sessões! Com isso, o recurso fica mais interessante.

      Muito obrigado pelas dicas! Já alterei o artigo, dando-lhe o crédito.

      Um abraço!

  12. soemrondonia.com.br disse:

    Olá mestre, como vai?

    Eu por acaso também peguei o editor em flagrante no momento em que ele mudava e até tomei um susto com a alteração inesperada.

    Eu também gostei muito de alguns recursos, porém alguns eu acho que ficaram bem meia boca, a função de busca sem opção de avançar ou retornar ficou muito fraca. Outra foi a pré-visualização do template dentro da janela do editor, aquilo ficou ridículo!

    Mais o que mais me deixou nervoso foi a função formatar, eu fiquei durante horas procurando o que havia de errado no meu template depois de usa-lá, ela organiza o template mais também pode alterar trechos do código.

    Mais mesmo com estes contratempos do novo código eu fiquei feliz em ver que o Blogger esta evoluindo e que não vai parar no tempo e acabar sendo desativado!

    Valeu mestre, obrigado e um abraço!

    • Adriano Luz disse:

      Olá!

      Você deve ter tido a mesma surpresa que eu tive ao ver a novidade aparecendo de repente na tela! 🙂

      Concordo com os pontos que você apontou. No geral, acredito que, apesar das limitações, foi uma mudança bem vinda. E espero que tenhamos essas pequenas melhorias em uma versão futura.

      Um abraço!

  13. JOSÉ ANTONIO SANCHES DOMINGUES disse:

    Excelentes dicas. Estou buscando me aprimorar e o Gerenciando Blog tem sido essencial.

  14. Mendigo Virtual disse:

    Muito bem explicado seu artigo Adelson…
    Nosso amigo GOOGLE sempre inovando. Mas acho que ele poderia fazer algo melhor para nós que usamos a plataforma Blogger. Acho que o "poderoso google" poderia privilegiar quem usa a plataforma deles na busca orgânica e deixar para trás quem usa o wordpress….Essa é minha humilde opinião.

    Grande Abraço

    • Adriano Luz disse:

      Olá, Mendigo!

      Se o Google aceitasse sua proposta, imagine a revolução que seria: todos abandonando o WordPress e se bandeando para o Blogger? Caos total! 🙂

      Um abraço!

  15. Aurea Carvalho disse:

    Olá Adelson,

    Ainda não mexi muito no novo editor de html do blogger, mas o pouco que já vi gostei muito e concordo com você em todas as suas opiniões.

    A opção que menos gostei foi a de visualizar o template dentro da caixa de códigos. Ficou péssimo.

    Gostei do seu artigo principalmente porque aprendi uma coisa que ainda não sabia e fazia tudo manualmente. Quando queria procurar e modificar um código só usava o Ctrl+F agora sei que posso usar o CTRL+SHIFT+F.
    Sempre aprendo algo novo aqui. Não tenho trabalhado muito no TPV por estar envolvida com meu outro blog o Farmacêutico Digital, relacionado com a minha área de atuação. Mas tenho uns templates no forno e uns hacks também.

    Grande abraço para você e uma ótima semana,

    • Adriano Luz disse:

      Olá, Aurea!

      Realmente, ninguém gostou da nova opção de Visualizar. Para mim, parece-se que tentaram colocar todas as funcionalidades do editor em um único "container", o que resultou nesse recurso limitado. Uma pena.

      E fico feliz em saber que o artigo foi útil para você! Sendo uma usuária avançada do Blogger, sua contribuição é muito importante.

      Um abraço!

  16. Darlan de Campos disse:

    Ótimo artigo.

    Por causa das limitações do editor antigo, eu costumava alterar o template com um editor externo também, usando uma extensão do Firefox. Com as alterações, isso não funciona mais, infelizmente.

    Mas as mudanças são bem-vindas!

    • Adriano Luz disse:

      Olá, Darlan!

      Confesso que eu nem sabia que era possível fazer isso através de uma extensão no Firefox! O que sempre fiz – e continuo fazendo – é utilizando o Notepad++ para as edições, especialmente as mais complexas.

      Um abraço!

  17. Alberto Lozéa disse:

    Sempre usei o editor do próprio blogger, então para mim, as mudanças facilitam muito a vida.

    Acho que realmente a funcionalidade de guardar versões antigas do template para poder reverter seria ótimo, evitando assim possíveis besteiras. Seria uma ótima sugestão para a equipe do blogger.

    Espero que o blogger continue melhorando suas funcionalidades e quem sabe mais melhorias em SEO estariam próximas. Tomara que sim!!!

    🙂

    • Adriano Luz disse:

      Olá, Alberto!

      Também gostei das novidades! Há ótimas funcionalidades neste pacote, que serão realmente bem vindas. Quem sabe um dia não tenhamos a funcionalidade para guardar versões antigas?

      Um abraço!

  18. Alberto Lozéa disse:

    Ahhh.. percebi que o Blogger está fora do Ar agora às 4:30.

    Quem sabe são mais novidades!! 🙂

    • Adriano Luz disse:

      Realmente, Alberto! Já temos mais novidades, que são os comentários do Google+, que logo tratarei aqui no Gerenciando Blog!

      Um abraço!

  19. Anderson nogueira disse:

    E para expandir os modelos de widegts como que faz ?

    • Adriano Luz disse:

      Olá, Anderson!

      Agora, é necessário expandir cada um dos widgets individualmente, clicando na seta na barra esquerda.

      Mas, esse procedimento não é necessário para usar a busca pelo editor, nem para copiar o código HTML para um editor de textos.

      Um abraço!

  20. david willlames disse:

    Olá Otimo artigo
    Bom , poor que quando pesquiso algo tenho que procurar os resualdados em amarelo?

  21. Darllington disse:

    Não gostei muito das mudanças, deve ser porque eu não estou acostumado, mas em breve eu me acostumo, e ótima postagem explicou tudo direitinho ate algumas dúvidas que eu tinha foram esclarecidas. Valeu mesmo hein

    • Adriano Luz disse:

      Olá, Darllington!

      Pode ser mesmo uma questão de se acostumar com o novo editor. No fim das contas, as mudanças foram benéficas para quem usa o editor.

      Um abraço!

  22. Rodrigo Almeida disse:

    Olá Adelson, belo artigo. Ontem o Google colocou a opção de integrar os comentários com o Google+. Pra mim será de grande valor, porém, fiz um teste e não mudou nada. Já sabe de alguma coisa?

  23. Raul Campani disse:

    Olá Adelson,

    Estou tentando colocar alguns códigos no novo editor e não estou conseguindo fazer funcionar, como por exemplo o botão curtir do facebook, o hack leia mais com imagens reduzidas, os botões deslizantes de compartilhamento, mas nada funciona, não sei o que está acontecendo.

    • Adriano Luz disse:

      Olá, Raul!

      A mudança do editor não deveria ter trazido esse tipo de problemas. Para tirar a dúvida, sugiro que você copie o código completo, cole-o em um editor de textos (como o Bloco de Notas ou o Notepad++) e faça nele as alterações. Depois, copie o código alterado e cole-o de volta no Blogger.

      Torço para que funcione corretamente!

      Um abraço!

  24. carlosromero disse:

    Caramba! Odiei essa nova versão. Completamente perdido nessas novidades, apertei o botão "Reverter para o padrão" e me lasquei. O meu blog ficou com uma configuração pré-histórica. Ainda bem que eu tinha um backup 8não muito atualizado) de reserva. Foi a minha salvação. Enquanto outros simplificam os procedimentos, como a Apple, o Google se enrosca em um mundo de complicações. Decepção total!

    • Adriano Luz disse:

      Olá, Carlos!

      Mudanças são sempre complicadas! Mas, a opção de "Reverter modelos de widgets para o padrão" já existia também no editor anterior.

      Acredito que seja mesmo uma questão de se acostumar ao novo editor.

      Um abraço!

    • Lucy Sem Fronteiras disse:

      Olá Adelson querido 🙂

      Pois é, eu desta vez estou de acordo com o @carlosromero, eu não gostei desta mudança, não encontro nada que eu queira editar. Pode ter ficado bonito colorido, mas a mim isso não simplificou, muito ao contrário.

      nem com Ctrl F é possível encontrar nada, nenhum trecho, palavra, frase ou código, achei horrível!

      Sempre gostei de ter autonomia e mexer a vontade em meu template personalizando-o, no entanto, nem me atrevo a mexer por ora, pois está difícil editar e modificar algo lá.
      Sem contar os gadgets que antes eu os encontrava pelos títulos dos mesmos, e agora daquela forma, apesar de parecer mais fácil, a mim ao menos não acho, pois eu não sei qual dos meus gadgets, é o ''HTML 19'' por exemplo, entende? Como não é mais possível ver os titulos deles, então não acredito que ficou rápido para encontrá-los, já que normalmente nem sabemos qual ''html'' é cada um :(.

      A mim, o Google deveria fazer uma mudança significativa no seu sistema de comentários do Blogger isso sim.
      Tentei experimentar os comentários com Google+ mas os deletei na mesma hora, uma vez que ao experimentar adotá-lo, os comentários do meu blog simplesmente sumiram!! Ainda bem que foi possível voltar atrás e eles reapareceram.
      E sem contar também que para comentar com Google+ ficamos limitados somente a essa rede, sendo que ao menos para mim, os meus leitores que tem um perfil lá são mínimos.

      Enfim, pela primeira vez, não gostei das alterações feitas pelo Blogger.
      estou doida para realizar algumas alterações em meu template e ao mesmo tempo frustrada por não conseguir fazer nada 🙁

    • Adriano Luz disse:

      Olá, Lucy!

      Entendo seu descontentamento com o novo editor. Em meu caso, não enfrentei tesses problemas, mas faço poucas edições diretamente no Blogger.

      Uma alternativa para você avaliar – e que é a que uso até hoje – é sempre copiar o código para um editor (o Notepad++ é uma ótima opção) e fazer nele as edições. Dessa forma, você não fica limitada às funcionalidades do Blogger.

      Quanto aos comentários do Google+, também não gostei da funcionalidade – tanto que nem escrevi ainda sobre ela. Acredito que ainda seja cedo para adotar esses comentários.

      Um abraço!

  25. Luiz Carlos Sá disse:

    Olá Adelson.

    Obrigado pelas dicas, como sempre muito úteis e detalhadas.

    Como eu altero muito o HTML do meu blog, a minha conclusão a respeito dessas mudanças é a seguinte.

    Muitas mudanças vão facilitar a nossas vidas.
    Algumas eram desnecessárias.
    E outras não farão diferença alguma.

    O que me deixou triste é que depois dessas mudanças uma série de funcionalidades deixaram de operar no meu blog, como por exemplo o sistema de comentários do Facebook não aparece mais, o código está lá do mesmo que que implementei, mais simplesmente não aparace nas postagens.

    O título das minhas postagens mudaram de cor, fonte e tamanho, e eu já alterei diversas vezes, mas não surtem efeito algum.

    Até o sistema de cometários nativo do blogger que eu havia ocultado para usar apenas o do Facebook, não funciona.

    Já aderir a novidade dos comentários do Google + mas também não adiantou.

    Resumindo estou sem sistemas de cometários no meu blog a dias, e essas mudanças até então me trouxeram mais dor de cabeças do que alegrias.

    Você teria alguma dica ou informação sobre o assunto??

    Desde de agradeço!

    • Adriano Luz disse:

      Olá, Luiz!

      Infelizmente, tenho poucas informações sobre os sistemas de comentários do Facebook e do Google+. Quanto ao Google+, especificamente, vi que algumas pessoas tentaram ativá-lo, mas tiveram problemas e voltaram atrás. Por isso, ainda acho cedo para fazer essa integração.

      O mais estranho é terem ocorridos mudanças visuais em seu blog com o novo editor. Para mim, não houve nenhuma alteração visível.

      Um abraço!

  26. Aniinha Piires disse:

    Me ajudou muito!

    Obrigada (:

    *Eu estava meio perdida com a caixa de busca do html*

    rsrs.

  27. Raiden Mgs disse:

    meu amigo, como faz para inserir o adsense dentro do artigo agora?!

  28. Marcelo disse:

    Muito bom o seu post, eu odiei também a nova forma como a pagina é visualizada, e não gostei muito da forma nova para localizar códigos.

    • Adriano Luz disse:

      Olá, Marcelo!

      Concordo com você nos dois pontos que você citou: eu preferia essas funcionalidades como elas eram antes.

      Um abraço!

  29. Nossa Jovem Guarda disse:

    Óla Adelson,

    Mais um excelente post, aliás seu blog é uma verdadeira consultoria para os blogueiros.
    Adelson, já tentei localizar várias vezes no antigo editor e também no novo um Anúncio Adsense que está logo abaixo da caixa de comentários no meu blog, quero excluir o anúncio desse local pois a visibilidade não é rentavel. Você tem alguma dica de como resolver isso ?

    Endereço: http://www.nossajovemguarda.com.br

    Um grande abraço

    Ademir Palácios

    • Adriano Luz disse:

      Olá, Ademir!

      Procure pelo trecho inline-ad em seu HTML. Provavelmente é lá que está o código que mostra esse anúncio.

      Caso ainda não consiga, entre em contato conosco através da opção "Serviços" do menu principal, caso haja interesse.

      Um abraço!

  30. Alessandra disse:

    Oi Adelson!Como até hoje não fiz muitas modificações,estou meio perdida e gostaria de ver se pode me ajudar.Estava procurando na net como colocar a opção responder nos comentários,assim como o seu.Mas só achei explicações do modo antigo.Em qual widget consigo encontrar para fazer esta alteração?

    Obrigada

  31. Pedro Toledo disse:

    Valeu pelo post. Esclareceu algumas dúvidas que estava tenso acerca dos novos mecanismos adotados.

    • Adriano Luz disse:

      Olá, Pedro!

      Fico feliz em saber que o artigo foi útil para esclarecer suas dúvidas!

      Um abraço e seja sempre bem vindo!

  32. vanderlei garla disse:

    Ai sim!! Cabra bom

    desta vez encontrei alguem que corre atrás de verdade.

    valeu companheiro , valeu muito

    forte abraço

    vanderlei

  33. jorge luiz Borges disse:

    Ola boa tarde, não sei se você pode me ajudar eu estava tentando incluir descrição e palavra chave em meu blog e editar HTML e sempre aparece esta frase quando eu clico em visualizar modelo,frase: Não foi possível carregar a visualização do modelo: Erro ao analisar XML, linha 11, coluna 171: Element type "meta" must be followed by either attribute specifications, ">" or "/>", o que será que deve ser isto?

  34. Kátia Cardoso disse:

    Adelson,
    Adorei a postagem …era tudo que procurava…completíssimo. Parabéns!
    Mas tô com um probleminha…hehehehhe Será que pode me ajudar? É que não estou encontrando o header wrapper…e a sequência, para colocar um cabeçalho em flash (.swf). Já segui todas instruções e não acho. O modelo do blogger é o mais simples. Já fui pelo control+F e pelo widget.
    Obrigada!

    • Adriano Luz disse:

      Olá, Kátia!

      É bem provável que o seu template não tenha essa seção, por isso você não a encontrou. Há algumas variações no nome das sessões de template para template.

      Um abraço!

  35. Bruno Bezerra disse:

    Olá Adelson, parabéns pelo artigo! :cuff:

    Eu gostei do novo layout de edição de HTML da plataforma Blogger, ficou melhor para personalizarmos, sem falar que ficou mais dinâmico e profissional!,

    Abraços!.

    • Adriano Luz disse:

      Olá, Bruno!

      Obrigado pelos elogios!

      E eu também gostei do novo editor. Mas, até hoje continuo utilizando o Notepad++ como editor externo para o template. Nada se compara a ele!

      Um abraço!

  36. Oséias Batista disse:

    Olá.

    coloco html no blogger porém dá erro.

    Entendi que o blogger tem linguagem xml. Ai fiz assim:

    <html>
    <head>
    <title>Estudos de Eletroeletrônica</title>
    <style type= "text/css">
    body {
    background-color: #FFFFFF;
    margin-left: 25%;
    margin-right: 25%;
    border: 1px dotted gray;
    padding: 10px 10px 10px 10px;
    font-family: sans-serif;
    }

    </style>
    </head>

    <body>
    <h1>Estudos de Eletroeletrônica</h1>
    <a href="energia.html"><li>Energia</li></a>

    </body>
    </html>

    Mas novamente dá erro.

    o que faço, pois transformei o html para xml e mesmo assim dá erro?

    Eu coloquei o noscript para deixar toda a tela do blogger em branco.

    • Adriano Luz disse:

      Olá, Oséias!

      O template do Blogger não é um XML "puro", por assim dizer. Ele precisa seguir uma estrutura definida e ter elementos obrigatórios.

      A forma mais fácil para você entendê-lo é aplicar o template Simples, e analisar sua estrutura, fazendo as modificações que julgar necessárias.

      Um abraço!

  37. Marbela disse:

    Oi, estou com problema na formatação das postagens (textos,tamanhos,cores) . Formato tudo igualmente porém no site aparece tudo bagunçado. PRECISO MUITOOOO DE AJUDA

  38. Cleide DLA Sutherland disse:

    Gostei das explicações apesar de não entender nem 10% por cento do que foi falado porque sou bem leiga no assunto. Mas o que deu pra entender foi muito útil.Obrigado!

  39. Criar Blogs disse:

    muito bom

  40. Marco Aurelio sjcampos disse:

    Olá Adelson boa noite!Primeiro parabéns pelas suas grandes dicas,cuja mesmas,tem sido muito valiosas pra mim e pra muitos outros que conhecem seu trabalho.

    Como faço pra inserir o código do mostradores de visitas direto no editor do HTML do meu blogspot?Sei que mais fácil é inserir o código do resolverMaps no Adicionar um Gadget,mas não quero,o que eu gostaria mesmo é de inserí-lo direto no editar Html do blog e não sei em qual das Tags farei isto.Voce poderia me dar esta dica? Obrigado!

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.

Sem tempo para Criar Conteúdo para seu blog?

E se você tivesse uma Agência produzindo seu conteúdo de GRAÇA?
EU QUERO!
Não, eu tenho tempo de sobra!
close-link
Quer aprender como R$173.571,73 como Afiliado em 4 meses?Quero Assistir o Vídeo!