Como editar seu modelo no novo editor HTML do Blogger

Esta manhã, quando tentei editar o meu template pelo código fonte HTML, descobri que o editor de HTML foi atualizado para uma nova interface. Agora você pode ver todo o código do modelo de forma mais confortável e encontrar o trecho de código você está procurando facilmente. 

Nesta nova interface do editor de HTML você pode ver o código do modelo, como você vê o código do modelo no código fonte de uma página web. A todos os códigos do modelo são atribuídas números de linha e agora se houver um erro ao salvar o seu modelo você pode facilmente encontrar esse erro por encontrar o número da linha.

A nova interface inclui uma outra característica muito interessante, agora você pode editar e ver a pré-visualização do seu modelo na mesma janela. Sim, como a interface antiga só foi atualizada, você pode enfrentar alguns problemas ao tentar editar seu modelo na nova interface. Mas não se preocupe, pois nesse rápido tutorial, você vai entender como editar o seu modelo na nova interface do editor de HTML.

Localize qualquer Widget no seu Template HTML facilmente
1° passo: Acesse o painel do Blogger, escolha o blog que você deseja instalar, selecione a opção "Modelo" e clique em "Editar HTML". O editor já abrirá com diferente opções.

2°passo: Agora clique em Ir para um Widget no botão acima do editor de HTML, e você pode ver um lista dos widgets e mostra onde se localizam no seu modelo. Clique no nome do widget que você deseja editar e será levado diretamente para a "div" do widget.

Edite e pré-visualize o modelo na mesma janela
Após a edição do seu template, acredito que você costumava usar o botão "visualizar" para ver na prática suas edições antes de salvar. Na antiga interface, a pré-visualização abria uma nova aba no seu navegador, mas nesta nova interface você pode ver a pré-visualização do seu modelo na mesma janela onde você está editando o HTML do modelo. Você pode fazer isso clicando em visualizar modelo no editor HTML. Mesmo assim, você pode voltar a editar o template clicando em Editar modelo no botão à direita antes do botão visualizar modelo.

O que aconteceu com Expandir modelos de widgets?

Na nova interface a opção expandir modelo de widget foi alterado para nova forma. Você pode expandir as várias seções do modelo clicando no símbolo ' ► ' ao lado do número da linha de um certo widget.

Abaixo imagem está mostrando o Rodapé (footer wrapper) expandido: 

Isto é tudo sobre o novo editor HTML do blogger e como editar o seu modelo facilmente e de forma mais eficaz com ele. Espero que esse post tenha ajudado você a entender sobre novo e atualizado editor HTML. 

Espero que tenham gostado!

Share This :