sábado, 28 de noviembre de 2009

Cuadro para mostrar código en posts de Blogger

 Para poder mostrar en un artículo de Blogger un código HTML evitando la ejecución del mismo, lo primero que hay que hacer es ir a DiseñoEdición de HTML y añadir --sin expandir plantillas de artilugios-- el siguiente código antes del valor resaltado en rojo:

pre {
  background: 0;
  padding-top: 0;
}

pre code {        
  overflow: auto;        
  background-color: #e0e2ff;       
  border: 1px solid #6f79ff;
  color: #1f5500;     
  display: block;    
  padding: 5px;   
  white-space: pre;        
  text-align: left;        
  min-height: 63px;
}

code:hover {        
  background-color: #eaecff;  
  border: 1px solid #0011ff;
}

]]></b:skin>

 Una vez hecho esto, ya se podrá insertar código en un post de la siguiente forma:

<pre><code>AQUÍ VA EL CÓDIGO</code></pre>

 Hay que tener en cuenta que algunos símbolos tienen su propio significado en HTML. Si utilizamos directamente en el cuadro un código que contenga dichos símbolos (por ejemplo, un vídeo de YouTube), el código se ejecutará o bien será invalidado. Para evitar esto, existe una página de Dan Kogai en la que podemos transformar el código para insertarlo en el cuadro; para utilizarla, pincha aquí.


----------------------------------------------------------------------------------------------------------------------------------------------------------acuarios en malaga
casita para gatos
clinica veterinaria malaga
componentes electronicos sevilla
permission email-----------------------------------------------------------------------------

2 comentarios:

Plopesc dijo...

Gracias!!
Este post me ha sido muy útil

furtivo dijo...

y si quiero poner un digamos frase larga pero no quiero me lo corte (osea q me lo ponga en el renglon de abajo.) sino q sea todo en un solo renglon q mas debo agregar? desde ya muchas gracias