Insertar código html en las entradas del blog

No hay comentarios

Para insertar código en el blog y que este lo muestre como texto y no lo interprete como una instrucción, necesitamos traducirlo a otra forma en la que lo pueda interpretar.
  Pero esto podemos solucionarlo así:
  • Entramos a una página como simplecode, que será la encargada de traducir (otra opción es blogcrowds).
  • Pegamos el código HTML en el primer recuadro "Enter Markup".
  • Hacemos Clic en Process.
  • En el segundo recuadro aparecerá el código traducido entre las etiquetas code. Lo copiamos todo y lo pegamos en la entrada del blog (en el modo edición de HTML).


como traducir código
Con esto es suficiente, pero dado que lo estamos mostrando entre las etiquetas "code", podemos darle estilo CSS , para que quede más visual. Por ejemplo:


code {background:#EEEEEE; font-family: Georgia; display:block; border:2px solid #3D3D5C;border-radius:5px; padding:10px;}


Esta modificación hay que hacerla en el modo de edición HTML de la plantilla. Hay que insertarla antes de: ]]></b:skin> que es donde está la lista de estilos CSS.

No hay comentarios :

Publicar un comentario