Mudanças na Pagina Editar HTML do Blogger

O editor de HTML do Blogger mudou! A pagina editar HTML ganhou algumas novidades que ajudam a encontrar os códigos HTML no seu template usando um menu jump para ir diretamente ao HTML de cada gadget do seu blog. Além disso, o novo layout da pagina do editor de HTML permite a visualização na mesma pagina que fazemos a edição dos códigos.

A principal novidade na hora de mexer no HTML do Blogger é que agora temos um botão (menu) que leva diretamente ao HTML de cada gadget do blogger em apenas um clique sem precisar procurar o código como fazíamos antes.

pagina editar html do blogger

Opção Expandir Modelos de Widgets

A opção expandir modelo de widgets não existe mais. Ou melhor, dizendo ela está em cada gadget ou trecho de HTML do blog. Quando você rolar o HTML poderá ver que aparecem algumas setinhas ao lado dos códigos e clicando nelas você expande somente aquele trecho do HTML podendo haver mais setas para expandir novamente o HTML dentro daquele elemento, por exemplo, dentro do item blog1 existem diversos itens (trechos de HTML) que podem ser expandidos separadamente.

Expandir Modelos de Widgets no Blogger

Encontrar HTML no Blogger - Usar o Ctrl F

O botão formatar modelo mostra os recuos de texto usados nos códigos html para facilitar organização e permite usar o ctrl F para encontrar códigos no html, mas ele não faz alterações no seu código. Além quando você clica ctrl F pode aparecer uma pequena caixa de busca no canto da janela editar html.

achar códigos usando o Ctrl+F

Visualizar Alterações no HTML

Sinceramente essa foi a parte que me deu mais me assustou porque quando você clica no botão visualizar modelo o HTML que estamos editando desaparece e aparece no lugar a visualização do blog e você pode pensar que perdeu as alterações feitas, mas isso não tem problema algum. Depois que você verificar se ficou do jeito que esperava é só clicar novamente no botão editar modelo que o html aparecerá do jeito que estávamos editando, ou seja, com as modificações que acabamos de testar.

Visualizar Mudanças no HTML do Blog

Mas cuidado isso é apenas um teste de html, o Blogger não salvou nada ainda por isso se as mudanças ficaram como você esperava clique no botão salvar modelo antes de sair da pagina. E já que estamos falando sobre modificar blogs aproveite e veja também:
Como Melhorar e Personalizar um Blog - Por onde Começar?
Como Fazer Avaliação de Blogs: Entender Estatísticas e Resultados

Essas são as principais mudanças e esperamos que gostem das novidades do blogspot e deixem um comentário com sua opinião sobre o novo editor de html do blog.

48 comentários :

  1. Passei por isto hoje de manha quando fui editar o meu codigo! Gostaria de uma ajuda, o codigo que peguei com voces aqui mesmo em outra postagem "inserir adsense no meio das postagens" parou de funcionar, os anuncios nao ficam mais clicaveis, mais continuam aparecendo...Vou ter que alterar este codigo?

    ResponderExcluir
  2. Muito melhor!!!
    Já estava a ficar de olhos em bico cada vez que tinha que editar o HTML do blogue. :p

    Abraço. :)

    ResponderExcluir
  3. Hoje quando fui editar meu HTML, levei um mega susto, mais depois fui me acostumando, agora já sei, onde fica as coisas, é depois dessa explicação, agora sei de tudo (ou quase), abraços.

    Kuusou World

    ResponderExcluir
  4. Henrique de Jesus

    Teoricamente era para tudo funcionar normalmente mas essa mudança na pagina editar html aconteceu hoje e por isso pode apresentar alguns erros ou conflitos de códigos.

    Acho que no momento não deveria mexer em nada. Aguarde uns dois dias para ver se o blogger corrige isso sozinho.

    Mas se quiser pode tentar retirar os códigos, salvar e depois colocar novamente.

    ResponderExcluir
  5. Boa tarde. eu vi ontem mesmo essa mudança, porém, meu blog ficou diferente. Algumas coisas pararam de funcionar e um fato principal: Meus resumos, (leia mais) não existem mais, ficando a página /search/label inteira, enorme, grande. Assim, as contagens de cliques diminuem e outra coisa importante que acontece com isso, é que o "poderá gostar de" também não aparece, a não ser dentro do post em si. Mas como, se o leitor acaba lendo tudo sem precisar entrar no post exatamente?

    Uso um Simplex Transcript.

    Percebi que isso aconteceu em uma das duas coisas que fiz:

    1 - Troquei o html de uma gadget para aparecer outra imagem nele.
    2 - Cliquei em Formatar Modelo pra ver o que era.

    Depois disso, tudo mudou.

    Eu tenho um blog de teste que uso, e nele, nas mudou. Os dois blogs são iguais, mesmo template e portanto, a diferença entre eles, é que no "oficial", eu fiz essas duas coisas acima descritas, no de teste não.

    O problema, é que no de teste, já havia algumas diferenças que testei e não gostei, e outras que já nem uso mais no "oficial", como alguns links e imagens antigas. Se eu simplesmente exportar e importa os layouts, não resolverá meu problema.

    Alguém teve um problema parecido?

    ResponderExcluir
  6. Aqipossa principalmente nestes dias de mudanças é fundamental fazer o backup do template antes de mexer em qualquer coisa.

    se foram bugs criados pela pagina do blogger dificilmente conseguirá resolver isso hoje.

    mas talvez seja um problema com templates muito personalizados porque nos meus blogs não notei diferença alguma

    ResponderExcluir
  7. Olá Fabiano esse site http://www.linkwithin.com/widget.js"

    Que eu Peguei aqui para gera postagens Relacionadas Parou de Funionar no meu Blog www.jacksongravacoes.com Não mostra mais postagens relacionadas .

    poderia mim ajudar ? e também não abri sem o www grato pela atenção.

    ResponderExcluir
  8. Jackson gravações você diz que parou de funcionar? Você fez alguma alteração no feed, endereço do blog, configuração de domínio recentemente? Verifique esses itens.

    WiliaN Maique. eu ainda não tenho um opinião formada sobre a novidade, mas acho que é uma questão de se acostumar..... da mesma forma que achamos estranho quando mudou o painel do blogger.



    ResponderExcluir
  9. Estou procurando o código da área da data, mas não vai... revoltei... cadê meus códigos? Tá tudo muito confuso. Até meio que entendi a proposta da mudança, parece que o objetivo é organizar o html mas não é isso que aconteceu... ficou muito mais confuso. tá uma mer

    ResponderExcluir
  10. Isso nos ajuda d++++ agora pelo que vi ficou bem mais fácil para encontrar e editar os gadget. Bela postagem

    ResponderExcluir
  11. acho que depois de alguns dias vamos nos acostumar com a novidade...

    mas não pretendo mexer em nada por enquanto para evitar algum falha gerada pelo novo layout da pagina (caso haja algum erro), mas nos testes que fiz funcionou tudo bem.

    ResponderExcluir
  12. auguem poderia me dar a dica de como eu faço para achar essa tag no novo (editar html )do blog ]]> ,já apliquei o ctrl+f varias vezes mas não tive nem um resultado e tambem fiz a procura de outros tags e nada deu certo !!!

    ResponderExcluir
  13. Realmente alguns bugs e conflitos que antes não apareciam começaram a aparecer.Sou daquela opinião que em time que esta ganhando não se mexe.Na minha visão mudaram talvez com a intenção de melhorar e facilitar,mas o tiro saiu pela culatra.

    ResponderExcluir
  14. sou horrível demais em html, demais mesmo,
    antes eu colava os códigos senpre em baixo dessa partezinha:
    "}]]< / b:skin >"
    e agora, onde eu coloco?

    ResponderExcluir
  15. o trecho "}]]< / b:skin > está dentro do código <b:skin>...</b:skin> só precisa clicar na setinha para expandir


    parece que realmente nestes primeiros dias tudo será meio confuso, acredito que todos nós vamos aprender logo a lidar com essa nova pagina do blogger

    ResponderExcluir
  16. Nossa eu achei que eu tinha estragado algo kkk
    mas eu não gostei desse novo formato, fico perdida :/

    ResponderExcluir
  17. Obrigado, pela ajuda. Acredito que possa ser algo relacionado com algo no template da Simplex.

    Aparentemente, terei que retroceder e refazer algumas coisas novamente.

    Eu sempre faço backup do Template, assim como o do Blog. Mas o fato é que só o faço com grande modificações. E a minha já faz umas 3 semanas. O que terei que refazer, são apenas com relação às Gadjets, posicionamento, trocas, e alguns links que vão sumir, ou seja, nada de muito trabalhoso, porém, para os leitores, o erro, que só poderá ser consertado no fim de semana, acarreta em não achar os novos posts.

    No caso recente, eu não fiz backup antes, pois não mudei o HTML, e sim, uma gadget, além de apertar o maldito "formatar", que não surtiu efeito aparentemente, pois nem uma janelinha de "OK", ou "concluído", ou qualquer outra coisa, apareceu.

    Um abraço e novamente obrigado pela atenção.

    ResponderExcluir
  18. Oi,Fabiano
    Eu via as mudanças ontem....Estava esperando seu post.....Ainda não estou muito convencida de já está funcionando normal...Vou esperar uns dias e ver o que vc e os leitores postam sobre o assunto.
    Mas, valeu muito!!
    Obg

    ResponderExcluir
  19. Aqipossa Informativo, eu também uso o Simplex Transcript, mas no meu não deu erro em nada, no seu deu erro porque você clicou no botão Formatar Modelo, esse botão faz os códigos ficar do padrão do Blogger.

    Por enquanto gostei muito da mudança, sempre quis que no HTML mostrasse os números das linhas, assim quando dar algum erro na hora de salvar fica mais fácil arrumar o erro já na linha correta.

    ResponderExcluir
  20. não gostei não da para acha nada nesse novo modelo.
    envez de melhorar fico pio.

    ResponderExcluir
  21. Olá pessoal, ontem fui tentar abrir o html do meu blog e nao consegui, ele fica "carregando" e nao sai de lá. Li este post e já sei que houve alterações no editor, mas alguém poderia me informar porque não consigo abrir o html? Tenho 8 blogs e ele não abre nenhum, dentro destes 8 tenho até blog apenas com o html original do template sem alteração nenhuma e nem esses ele abre o html.
    Desde já.
    Muito obrigado.

    ResponderExcluir
  22. Nossa! Odiei as mudanças! Não to conseguindo alterar uns banners meus no blog por conta de estarem diretamente no código do template! Não consigo encontrar a parte de edição que me permita editar o slide! Aff
    Antes fazia isso com menos de 3 minutos agora já estou a mais de meia hora tentando encontrar o bendito código! :/

    ResponderExcluir
  23. Wagner

    tente excluir o histórico de internet porque o problema deve ser falha no carregamento da pagina.

    ou os templates que usa são muito personalizados ou baixados de algum site e isso está gerando conflito. Infelizmente se for esse o caso acho que para corrigir só trocando o template ou achando os códigos que geram o erro que também é bem complicado porque pode ser em qualquer parte do html

    ResponderExcluir
  24. Olá Fabiano Queria se Possível que você mim Indique Uma Pessoa para eu contrar um serviço de configuração de DNS meu dominio não entra sem o WWW já vi todos tutorias aqui já liguei pra Uol Host e Nada se mim ajuda eu agradeço. www.jacksongravacoes.com UOLHOST E-mail jackson.jkp@hotmail.com

    da uma força ae por favor...

    ResponderExcluir
  25. Jackson
    veja esse link:
    Como Registrar e Configurar Domínio Próprio no Blogger


    se não der certo tente entrar em contato novamente com o uolhost... por telefone ou pela central de atendimento.

    ResponderExcluir
  26. Sinceramente cara, que merda que está isso!! Agora pra achar um trecho de código que antes estava no modelo expandido, eu tenho que expandir aquelas dezenas de setinhas manualmente. Faça-me o favor, que gênio que teve essa brilhante ideia?

    ResponderExcluir
  27. Almir clique dentro do html e depois clique ctrl f vai aparecer uma caixa de busca dentro do html

    ResponderExcluir
  28. aff honestamente, será que iremos nos acostumar com essa mudança? ficou complicado..

    agora mesmo Fabiano estou tentando retirar os gagdets das páginas do meu blog, mas sem retirar esses mesmos gagdets da pagina inicial.. bom, estou tentando, e aliás, nem sei se isso é possivel. lol

    ResponderExcluir
  29. na verdade o que mudou foi o layout da pagina mas os códigos eram para funcionar como antes

    ResponderExcluir
  30. é verdade, eu tentei vários aqui e poucos, bem poucos funcionaram, e você citou no comentário acima que ctrl f abre uma caixa de busca, realmente, mas ela não funciona, pelo menos aqui no meu, na caixa de busca eu colo o código mas nada acontece, deveria era buscar o código rapidamente, mas não.

    Numa boa, esses caras do google tão muito zueiros kkkk'

    valeu!

    ResponderExcluir
  31. Olá amigo já vi todos tutorias que vc passou e meu problema continua meu dominio não entra se o WWW já Liguei pra uol Host eles fala que lá está normal mais aqui não ta já configurei o Blogger e nada . www.jacksongravacoes.com

    ResponderExcluir
  32. Jackson entrei agora colocando (19:21) o endereço jacksongravacoes.com sem o www e funcionou normalmente ou seja redirecionou para www.jacksongravacoes.com

    se não seu computador não funcionar tente excluir seu histórico de internet porque o problema é devido ao cache.

    ResponderExcluir
  33. Achei que dificultou mto, como faço agora para colocar botoes de compartilhamento nesse novo modo ?

    ResponderExcluir
  34. Dummy

    não mudou nada só o layout da pagina.

    para colocar os botões é só adicionar como um gadget ou se quiser logo abaixo das postagens é na pagina editar html depois de post.body

    veja aqui: Achar Códigos na Pagina Editar HTML do Blogger - Ctrl F

    ResponderExcluir
  35. Olá Fabiano,
    Estou tentando colocar resumo automático no blog e não estou conseguindo, ja tenho em outros, mas com essa mudança to muito perdida porque não tenho experiência em HTML.

    Você teria como me orientar? Me confundo na hora de mexer no Widgets.

    Agradeço desde já ...
    My

    ResponderExcluir
  36. Não encontro mais nada no HTML do que antes eu mudava no template, no menu.
    Não aparece essa caixa de busca no alto, só o meu conhecido Ctrl F (localizar) e não localizo mais nada do que preciso.
    OMG. Estou me descabelando.
    Tem como reverter isso?

    ResponderExcluir
  37. Valeu Fabiano
    Já estava doida aqui...
    Brigadim mais uma vez!

    ResponderExcluir
  38. Boa tarde Fabiano, o Editar Html do meu blog está em branco, ou seja...sem os códigos, sem nada! Branco total...você sabe o porquê? Um abraço, obrigado.

    ResponderExcluir
  39. Suely já notei isso algumas vezes usando o firefox mas saindo e voltando para a pagina editar html o problema resolve ou usando outro navegador.

    acredito que isso será resolvido logo pelo blogger

    ResponderExcluir
  40. Obrigada pelo tinha esquecido Ctrl F.

    ResponderExcluir
  41. Na hora de editar o HTML, o "formato" dele tem importância? Explicando melhor: ele parece ter um "padrão" visual:

    código
    ...código
    .....código
    ...código
    código
    ...código
    código
    ...código
    .....código
    ...código
    código

    Eu preciso seguir isso? Ou posso colocar de "qualquer jeito"?

    ResponderExcluir
  42. Rafael as vezes que editei o html fiz no modo padrão (do jeito que aparece na pagina)

    mas acho que o formato é só uma questão de visualização e não interfere em nada

    ResponderExcluir
  43. Valeu!! Meu blog ficou melhor do que eu queria na versão mobile...
    tem caixa de pesquisa (que é a coisa mais importante do meu blog) e adsense bem grandão... de modo que a pessoa (em smartphone comum ) vai ter que rolar a página para ver a o conteúdo.

    olha como ficou Achalivro.blogspot.com/?m=1

    ResponderExcluir
  44. Olá pessoal do Dicas Para Blogs. Minha dúvida é simples. Gostaria de instalar uma tagcloud (nuvem de tags) no meu blog mas não estou conseguindo encontrar o seguinte trecho , que ensinam neste link http://www.comofazerumsite.com/criarblog/blogger/nuvem-tags-animada.html
    Não consigo fazer as alterações. Já experimentei instalar um gadget de html e colar o código lá mas não deu certo.

    ResponderExcluir
    Respostas
    1. esses gadgets com códigos externos as vezes dão erros no blogger.

      sei o que modelo de nuvem de tags padrão do blogger é mais simples porém acho melhor porque não corre o risco de dar erros ou parar de funcionar

      Excluir