9 de abr de 2013

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 essa postagem!
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

Recomendamos para você »

19 comentários

  1. 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!

    ResponderExcluir
  2. Este comentário foi removido pelo autor.

    ResponderExcluir
  3. 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?

    ResponderExcluir
    Respostas
    1. 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!

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

    ResponderExcluir
  5. Ficou horrivel para editar o blogger !
    Uma pena.

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

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

    ResponderExcluir
    Respostas
    1. 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.

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

    ResponderExcluir
    Respostas
    1. 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! :>)

      Excluir
  9. 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?

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

    ResponderExcluir
  11. 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?

    ResponderExcluir
  12. 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.

    ResponderExcluir
  13. 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,.

    ResponderExcluir
  14. 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.

    ResponderExcluir

Seja livre para expor seu pensamento!

Se preferir, antes, leia nossas regras para comentários...
(Atenção: Comentários "Anônimo" não serão publicados. Escolha "Nome/URL". Obrigado!)
Bom comentário!

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Pré-Designed by BlogThietKe Designed by @Mundo_Informal
© 2012-2014 .::Mundo Informal::. Todos os direitos Reservados
Licença Creative Commons
...See you!
Voltar ao topo