MASIGNCLEAN101

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!
Compartilhe esse artigo!
Marcus Vinicius
escreve para o Mundo Informal sob a licença Creative Commons BY-SA 3.0. Você pode usar e compartilhar este conteúdo desde que credite o autor e veículo original do mesmo.
avatar

Olá Marcus!

Muito útil seu artigo, embora eu esteja com algumas dificuldades no novo editor, creio que é apenas uma questão de costume e cuidado ao mexer até que nos adaptemos por completo :) Vejo como uma boa mudança, embora a limitação do control f na hora da procura sem mostrar quantidade de códigos encontrados e ter que usar o enter para pular de um para o outro esteja me estressando rsrssr
Obrigado por nos orientar!

Um enorme abraço!

18 de abril de 2013 10:09
Este comentário foi removido pelo autor.
avatar

Não consigo ver o endereço http de meu widget, do tipo imagem. Preciso editá-lo para que o clique abra uma nova aba. Como fazer isso agora?

19 de abril de 2013 09:13
avatar

Olá Ruy Gondim, como eu disse previamente na postagem, os widgets do blogger ainda podem ser editados normalmente clicando no símbolo ► . Mas se quiser alterar informações entre outros, você fará por meio da opção layout e não pelo editor HTML.
Espero que tenha sido essa a sua pergunta.
Abraço!

19 de abril de 2013 11:02
Este comentário foi removido pelo autor.
avatar

VALÉU PELA AJUDA JÁ TAVA FICANDO DOIDO TAVA TEMTANDO EXPANDIR MODELO GADGTES E Ñ TINHA MAIS,TAVA ATÉ DESISTINDO BLOGGER
HTTP://MASCARASUCESSO.BLOGESPORT.COM

9 de maio de 2013 17:36
avatar

Ficou horrivel para editar o blogger !
Uma pena.

14 de maio de 2013 12:00
avatar

ñ consigo encontrar o sinal ]]></:skin no editor me ajudem por favor . desde já agradeço

17 de maio de 2013 12:06
avatar

Você podia aprender a escrever direito e aí sim começar a publicar artigos...

20 de maio de 2013 21:43
avatar

Obrigado pela crítica! Não acredito ter cometido muitos erros de português, mas já que você é uma expert da língua, por que não se identifica? Ficaria honrado em pretigiar suas incríveis postagens. Volte sempre, abraços.

20 de maio de 2013 22:01
avatar

Marcos como faço pra editar a cor de fundo do blog no novo html ? Espero Resposta rsrsrs

1 de julho de 2013 21:37
avatar

Olá Se Liga Brumado! É o seguinte, isso costuma variar de template em template, mas normalmente o fundo dos blogs é preenchido por uma imagem que se repete, poucas outras vezes por alguma cor, sendo assim, procure por: body{ a primeira correspondência será relacionada a alteração do fundo do blog.
Abraço e comente se tiver alguma dúvida! :>)

2 de julho de 2013 10:05
avatar
Ariel

To com um problema por causa desses widgets, no meu template que é dos antigos, os widgets não tem títulos, quando eu pego o gtml e passo pro novo blog ele automaticamente coloca título em todos os widgets e se eu apagar, o título volta, tem alguma maneira de arrumar isso sem ser 1 por 1?

3 de agosto de 2013 00:55
avatar

cliquei em todas as cetas ,mais ainda nao consiguir expandir o template, me ajuda!

10 de agosto de 2013 21:30
avatar

Alguém pode me ajudar, não consigo colocar a pagina de curtir do face no blog o modelo não aceita nenhum código java nos widget. O que faço? como adicionar os códigos em java?

13 de agosto de 2013 11:24
avatar

Quando vou postar algo via face book,pelo google chrome, aparece sempre uma foto minha, não consigo adicionar nova miniatura. e pelo mozila, andei fuçando e agora não aparece miniatura alguma.
tem alguma maneira de editar html para miniaturas?
Obrigado.

2 de setembro de 2013 22:17
avatar

Hoje fui fazer uma alteração e inclusão , até chegar aqui pelo que vejo eu entendi, é para não usar mais, ta todo mundo perdido,.

30 de novembro de 2013 22:34
avatar

Eu, particularmente, não gostei dessa nova interface. Agora nós temos que expandir um widget por vez. E agora também alguns códigos do html, como o : ]]> não aparecem mais... Está muito confuso.

14 de dezembro de 2013 16:52
Seja livre para expor seu pensamento!

Se preferir, antes leia nossa política para comentários...
Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!