Esto es aplicable para cualquier plataforma de Blogs (Blogger, Wordpress...)
Como han visto en los post anteriores, siempre es util desplegar los códigos para realizar cambios en la plantilla o en cualquier otra parte..
Yo utilizo el <textarea>, de esta manera lo único que deben hacer tus visitas es seleccionar el texto dentro del cuadro y copiarlo, asi evitamos bastantes errores.
Y lo que obtenemos es algo así, con el código que necesitamos en su interior:

Primero se debe tener en cuenta que la forma en la que se despliegue el código depende de la utilización de la etiqueta <pre> antes y despues de textarea. Si se usa, no se desplegaran <br/> al interior del codigo (representa el salto de linea), en cambio si no se usa se desplegaran los <br/> cada vez que haya un salto de linea.

Entonces para desplegar una de estas cajitas lo único que tienen que escribir es lo siguiente:

HTML:
  1. <textarea class=code cols="30" rows="2" style="background-color:#ffffcc;" wrap="off">AQUI ESCRIBEN EL CODIGO QUE QUIEREN DESPLEGAR</textarea>

Y si no quieren que aparescan los saltos de linea (<br/>), entonces este es el codigo:

HTML:
  1. <pre><textarea class=code cols="30" rows="2" style="background-color:#ffffcc;" wrap="off">AQUI ESCRIBEN EL CODIGO QUE QUIEREN DESPLEGAR</textarea></pre>

Como resultado obtienen Esto:

El cols, se refiere a las columnas,o sea cuantas letras, para el caso de arriba pueden contar, son 30 letras o espacios para escribir.

El rows, a las filas, o sea 2.

El background-color, al color de fondo, que en este caso es amarillo.

El Wrap=off, es para que aparesca la barra de deslizamiento de abajo.

Si eliminan del código el Wrap=off, lo que se despliega queda sin la barra abajo, así:

NOTA: "DESVENTAJAS DE USAR EL TEXTAREA" CUANDO UTILIZAMOS ETIQUETAS QUE AL PARECER SON CRITICAS DE BLOGGER COMO EL HEAD, div U OTRAS, PUEDE PROVOCAR PROBLEMAS..de hecho generalmente aparece el aviso de html incorrecto, errores por cierre de etiquetas, entre otros.

Por esto aveces es mejor utilizar simplemente la etiqueta code (no genera problemas al tratar de publicar el post), de tal manera:

HTML:
  1. <code><body></code>

Como resultado de lo anterior obtenemos lo siguiente:
<body>

Y eso es todo...
Suerte!!!


Si este Post te ayudó recuerda votar por el blog En esta Página
 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 votes, average: 0 out of 10 (0 votos, promedio: 0 de 10)
Loading ... Loading ...

Post Relacionados
Fotos en el Perfil">Fotos en el Perfil
Cuando inserto tablas en mis entradas, aparecen líneas adicionales en blanco. ¿Cómo puedo eliminar estos espacios vacíos?">Cuando inserto tablas en mis entradas, aparecen líneas adicionales en blanco. ¿Cómo puedo eliminar estos espacios vacíos?
Como utilizar el Hello desde tu Computador para Subir Imagenes a tu Blog">Como utilizar el Hello desde tu Computador para Subir Imagenes a tu Blog
El Sigue Leyendo!!! o Leer Mas!! Explicado">El Sigue Leyendo!!! o Leer Mas!! Explicado
Como crear una Tabla en el blog?">Como crear una Tabla en el blog?


Post al Azar:




Blogalaxia Tags:

Imprime este Post Imprime este Post
Envía este Post Envía este Post