domingo, 14 de dezembro de 2008

Como exibir códigos no blog

Nível: iniciante
Código e zebra
Um pouco de camuflagem…

Em HTML tudo que você coloca entre < e > ganha o incrível dom da invisibilidade. Assim, como fazer para exibir códigos com tags sem fazê-las desaparecerem?

O segredo é o código &lt; que exibe <. Exemplos:

Para mostrar Digite
<body> &lt;body>
<div> &lt;div>
<table> &lt;table>
</a> &lt;/a>

Para exibir códigos de caracteres especiais, se você digitar o código vai aparecer o caractere e não o código. O segredo é o código &amp; que exibe &. Exemplos:

Para mostrar Digite
&Uacute; &amp;Uacute;
&middot; &amp;middot;
&Oslash; &amp;Oslash;
&aelig; &amp;aelig;

É assim que coloco códigos no blog sem usar a tag <textarea>.

Imagem do Paraíso Niilista

10 comentários:

  1. Oi!
    Amei seu blog!Muito interessante..estarei por aqui mais vezes..bjinhu e fique com Deus!

    ResponderExcluir
  2. Helen, será que você não esqueceu do &gt;, para > ? Eu usava bastante estes, quando comecei a fazer as dicas de HTML. Só que para converter o HTML eu usava o DreamWeaver. Agora, com o Draft Blogger, é só escolher a opção que o HTML digitado aparecerá literalmente. Mas parabéns pela dica, está muito boa.

    Abraços

    ResponderExcluir
  3. Mestre Blogger, não me esqueci nada, ele é simplesmente desnecessário já que é exibido normalmente se você usou &lt; no começo. =)

    ResponderExcluir
  4. É verdade, nas postagens Helen. Mas se estiver fazendo isso em edição de template, o bicho não aceita. Aliás, tem um monte de códigos deste tipo, ou scritps que o template do blogspot não aceita. Enjoado! (rs)

    Abraço

    ResponderExcluir
  5. Mestre Blogger, nunca imaginei que alguém pudesse precisar usar isso no template, mas fica a dica. =)

    ResponderExcluir
  6. É bacana usar o Syntax Highlighter para ajudar nisso: http://www.andafter.org/blogs/odesenvolvedor/publicacoes/como-usar-o-syntax-highlighter_413.html

    Abraço!

    ResponderExcluir
  7. Oi coloquei uma imagem GIF no meu blog ja mudei o template e não consigo tirar esta imagem vc poderia me dar uma dica como fazer isto ou seja tirar esta asonbração do meu blog ? http://quinho-detudoumpouco.blogspot.com/

    ResponderExcluir
  8. @Vanderlei, se for para tirar o gif do DJ, substitua o código:

    <div id='header-inner' style='background-image: url("http://3.bp.blogspot.com/_7tBD2Ta5rbg/SQektNNtu5I/AAAAAAAABBg/u8i-l5LgDeY/S1600-R/DJ.gif"); background-repeat: no-repeat; min-width: 390px; min-height: 326px;'>

    Por:

    <div id='header-inner' style='min-width: 390px; min-height: 326px;'>

    ResponderExcluir
  9. Tenho muito o que aprender sobre isso...
    Valeu a dica!

    ResponderExcluir

Posts relacionados