Como por códigos HTML nos posts

|
Tumblr_lo400zflas1qcrsn7o1_500_large
Esse post é pedido de uma leitora, mas creio que alguns de vocês devem enfrentar problemas na hora de colocar códigos HTML no seus posts de tutoriais. No caso da Mah (que pediu esse tutorial), ela colocava os códigos mas eles não apareciam. Esse problema é mais simples de resolver do que vocês imaginam!

Isso acontece por causa de uma configuração de postagem do blogger, que interpreta os códigos HTML digitados, mesmo no modo "Escrever" Para mudar essa configuração, vá para o editor de postagens, como se fossem criar um novo post. Na interface antiga do blog você vai clicar onde está circulado no print:



E depois marque a opção "Mostrar HTML literalmente":

E pronto, quando você digitar os códigos eles vão aparecer do mesmo jeito que você colocou!

Se você utiliza a nova interface, tem que fazer como mostra o print abaixo:

E pronto, problema resolvido! Espero que tenha ajudado vocês. Continuem pedindo tutoriais =) Kissus

50 comentários

  1. Muito legal ,Lia você podia me ajudar a como usar o Google Friend Connect no blogger?

    http://podemudardelink.blogspot.com/ 

    ResponderExcluir
  2. Ah eu nunca entendi muito bem pra que serve o código HTML nas postagens :S 
    Então nunca usei essa opção.

    ResponderExcluir
  3. Olá, estou passando para divulgar o chat de blogueiros&blogueiras aqui no msn, é como adicionar um contato normal!

    Blogger World▕ mgroup105144@hotmail.com

    Estamos começando agora, é só para a galera convidada!

    ResponderExcluir
  4. Amei o tutorial,e pretendo usa-lo quando eu tiver um pouco mais de experiência com html.Já viu o novo Girl Virtual Universe?O blog esta e fase de teste do design sabe?Quero ver o que os leitores vão achar,você pode acessar o blog? Vou seguir o CB  e acompanhar sempre,espero o mesmo
    Beiijooss Liah

    ResponderExcluir
  5. Ai que burra esqueci o link do blog,ai meu Deus...Sorry!

    ResponderExcluir
  6. http://girlvirtualuniverse.blogspot.com/

    ResponderExcluir
  7. Aah muito útil! 
    Beijos :*
    deluxegirlsblog.blogspot.com

    ResponderExcluir
  8. Oi, flor eu queria te pedir um favor eu que eu estou participando do concurso e vim pedir seu voto, vota?
    Aqui o site do blog:isjackiezzdream.blogspot.com
    quando votar, avisa la no meu blog obg!
    cantinhodalivia.tk

    ResponderExcluir
  9. Sempre acontecia isso comigo, principalmente com o blockquote! Obrigada pela ajuda Liah, beijos ;*

    world-cutest.blogspot.com

    ResponderExcluir
  10. Patricia Trindade melo15 de janeiro de 2012 às 15:46

    Seguindo, muito util, parabens

    segue ? http://meninamuitobonita.blogspot.com/

    ResponderExcluir
  11. Parabéns pelo tutorial, Liah!
    Hey, vota em mim aqui: girlsrepublic-s2.blogspot.com por favor? A enquete tá na barra lateral. Vote em "Sugar Dance".TEM POST NOVO NO MEU BLOG! Corre lá!Bjonas (:Fique com Deus <3

    ResponderExcluir
  12. Uau! Me ajudou muito! Obrigada,Liah! Esse post salvou meus tutoriais que precisam de HTML!
    Bjs,
    http://blogtrashrock.blogspot.com/

    ResponderExcluir
  13. Oiee, sou a Ana Laura do News das Teens, já estou seguindo seu blog, segue de volta??

    Se der me faz um favor??

    Participa do meu concurso?? Se chama: New Life, New Blog.

    Beijos!!

    www.newsdasteens.blogspot.com

    ResponderExcluir
  14. Desculpa, coloquei o nome errado: na verdade é aninhamoraestamais e o email é aninhamoraestamais@hotmail.com

    ResponderExcluir
  15. Adorei Liaah' ainda não sabia desse tuto que é tão simples.Beijos
    http://wwwgertiegirlcom.blogspot.com/ 

    ResponderExcluir
  16. Super útil,simples e fácil esse tutorial Liah!  Não deixe de passar do Garota Differente,está rolando um concurso super legal lá,não deixe de participar. 

    http://garotadifferente.blogspot.com

    ResponderExcluir
  17. Muito útil esse tutorial, gostei muito.
    http://plumasepaets.blogspot.com/

    ResponderExcluir
  18. Eu já sabia desse, as vezes me confundo e coloco em "interpretar" aí da vontade de me matar kkk' Seguindo, retribui, ficarei feliz. bjs

    www.webstar30.blogspot.com

    ResponderExcluir
  19. Aaaaae finalmente eu acheei como fazeer isso !
    seguindo segui ?
    http://perfilsuperperfeito.blogspot.com/ 

    ResponderExcluir
  20. Hoy liah,posso dar um pitaco como diz a Candy?
    Meu blog tb esta com esse problema,eu tentei fazer isso,mais o problema é que estão obrigando os usuários a usar o blogger novo(a interface nova),então se aparecer algum problema é disso e naum volta:D
    Estou usando o blogger novo so para postar pq o meu deu essse problema fiz isso e naum funciono e quando fui usar o blogger novo,tava la funcionando direitinho:-
    passa la?

    http://tutoriar.tk

    ResponderExcluir
  21. Ótimo para compartilhar um montão de tutoriais e gadgets neh ^^
    Adorei!
    beijus<3

    ResponderExcluir
  22. Já me desesperei com isso :/ e não sabia o que fazer, obrigado Liah bjus>
    http://praia234.blogspot.com ficaria muito grata se você pudesse nem que seja comentar obrigada:)

    ResponderExcluir
  23. Amei o tutorial, super simples e útil! =)

    Beijos
    http://blahblahblahpop.blogspot.com

    ResponderExcluir
  24. o liah , eu baixei o photoshop cs3 só que não estou conseguindo abrir , gostaria de um tutorial explicando isso

    ResponderExcluir
  25. Oi querida, vim conhecer seu blog e AMEI, ele é lindo parabéns,
    comecei a seguir aqui, e vou voltar sempre que possível :)  Beijos;


    http://www.byjessicarodrigues.com/

    @jescrodrigues

    ResponderExcluir
  26. elisa bastos martins de olivei16 de janeiro de 2012 às 22:08

    Liah! Eu babo no seu blog e esse post me ajudou muito pq eu sempre tive essa dúvida sabe? Bem LIah, eu queria saber se vc faz um tuto ensinando como fazer esse menu lindo ao lado do seu espaço de posts.Se puder fazer eu suuper agradeço!!! Beijos,

    voandolalonge.blogspot.com

    ResponderExcluir
  27. oi liah,tu bom com vc?espero que esteja,olha,eu tenho um problema e gostaria de pedir a sua ajuda,eu sempre busco os tutoriais de como por caixas de código na postagem,mas todos eles dão erro,e como aqui no CB os tutoriais sempre funcionam gostaria de pedir sua ajuda,se não quiser fazre um post sobre isso tudo bem,mas pelo menos tente me mandar por email ok? (carol.krugelhotmail.com) beijao liah.
    blogmeaningless.blogspot.com

    ResponderExcluir
  28. Amei seu blog, e tb segui... Poderia seguir de volta ?  http://nossophotoscape.blogspot.com/

    ResponderExcluir
  29. TOME COOKIES LIAH GFHGFHJKGFHJKG

    Continue votando no meu blog em http://girlsrepublic-s2.blogspot.com, você pode votar uma vez por dia!Bjonas e fique com Deus <3

    ResponderExcluir
  30. Ótimo para postagens de tutoriais né (:
    Beijos ;*
    http://diamontlilac-news.blogspot.com/ 

    ResponderExcluir
  31. Oi Liah, esse dai eu já sabia como era. Eu vi um post seu ensinanco como é que vc faz a revista, então eu tava querendo fazer uma, eu ja tinha visto outro tuto no you tube e tb ja conhecia o Issuu, tem alguma coisa se eu criar uma revista para meu blog tb?? Mais lógico que o conteudo vai ser totalmente meu! 
    Xoxo - 15 Desejos

    ResponderExcluir
  32. liiiiiiiiiiiiiiiiiiaaaah
    olha isso aquiii
    eu achei esse blog que a primeira imagem é da sua campanha de i love blogar só que ta sem os créditos e tem, só I love blogar
    http://nossomundinhoestranho.blogspot.com/2011/12/imagens-mega-fofas-para-o-blog.html

    ResponderExcluir
  33. liiiiiiiiiiiiiiiiiiaaaah
    olha isso aquiii
    eu achei esse blog que a primeira imagem é da sua campanha de i love blogar só que ta sem os créditos e tem, só I love blogar
    http://nossomundinhoestranho.blogspot.com/2011/12/imagens-mega-fofas-para-o-blog.html

    ResponderExcluir
  34. liiiiiiiiiiiiiiiiiiaaaah
    olha isso aquiii
    eu achei esse blog que a primeira imagem é da sua campanha de i love blogar só que ta sem os créditos e tem, só I love blogar
    http://nossomundinhoestranho.blogspot.com/2011/12/imagens-mega-fofas-para-o-blog.html

    ResponderExcluir
  35. Muito bom o tuto, Liah! Eu já sabia como fazer, mas antes entrava em desespero quando os códigos HTML não pegavam :/ Hahah. Poderia fazer um tutorial explicando como faz um menu como o seu ou igual ao do Trechy Teen? Que o menu está dentro do cabeçalho?

    Beijos, Danielle.onthefame.tk

    ResponderExcluir
  36. Lia você está na atrevida , entre as 3o atrês , entre em contato comigo para mim mandar uma foto:

    algodaodoce.tk

    juju.blond@hotmail.com

    ResponderExcluir
  37. Oh! Outro dia estava com dificuldade para postar um tutorial!!! Obrigadinha pela ajuda!!! Aqui, ensina como colocar link no comentário do blogger! Tipo, eu não sei como que faz!!!kkkk

    Beijinhos 

    ResponderExcluir
  38. Adoro seus tutoriais :3 amei!
    justuoficial.blogspot.com

    ResponderExcluir
  39. AAhh,adoreei!! Eu já uso e sei que vai ajudar muuita gente...\Õ/

    Beeijo
    http://blogmymemories.tk

    ResponderExcluir
  40. Ótimo tutorial! Realmente, é simples mas, na primeira vez fica bem difícil usar o aplicativo! Beijos!
    www.thingsofadreamer.blogspot.com, blog novo, visita?

    ResponderExcluir
  41. posso pedir um ? como colocar as páginas 
    no cabeçalho :) pode fazer?

    ResponderExcluir
  42. Oii,aqui é a fezinha do blog http://mundo-da-fezinha.blogspot.com/
    e eu fiz umapagina de tutoriais e eu queria saberse eu posso copiar os seu dando créditos??Ah e se vc pode virar seguidora??

    Beijos e obrigada,responda no meu blog por favor

    ResponderExcluir
  43. Amei mais eu n quis colocar no meu blog '-' não gostei como ficou la =/ 

    De uma olhadinha lá ;DD http://princesinhafalsa.blogspot.com/

    ResponderExcluir
  44. Legal, mais eer, Domingo. Tenho, preguiça, rs! Mais valeu, esse Blog eer 100%!
    http://menina-rejeitada.blogspot.com 

    ResponderExcluir
  45. Oi Liah! Eu posso não postar vários comentários aqui, mas eu juro que sou uma das maiores leitoras daqui, e amo seus tutoriais. E eu queria saber, se você poderia fazer um tutorial de como colocar efeito sublinhado pontilhado nas palavras (estúpido)?
    Espero que atenda ao meu pedido *-*
    Kisses, Lah
    http://famadelouca.blogspot.com.br/

    ResponderExcluir
  46. Quero saber com quais tutorais vc modificou seu blog!(que é mt maneiro!)

    ResponderExcluir
  47. Ai diva seus tuto é d+ me ajuda muito seguindo aqui já
    Visita o meu : http://kawai-lovers-forever.blogspot.com.br/

    ResponderExcluir
  48. Ótimo para os novatos
    questao-deopiniao.blogspot.com.br

    ResponderExcluir