Publicar un codigo HTML en un articulo o entrada en blogger puede llegar a ser un poco confuso, ya que de por si blogger no nos ofrece ningun elemento que se adapte a longitud del codigo o que destaque el codigo del texto del articulo.
Por eso escribo este articulo, me lleve dos dias buscando soluciones y al fin encontre una. Este metodo nos ofrece un cuadro de texto con barras de desplazamiento tanto horizontal como vertical, de esta manera podremos poner el codigo por mas largo de una manera liviana a la hora de la carga de la pagina, punto SEO muy importante .
Por eso escribo este articulo, me lleve dos dias buscando soluciones y al fin encontre una. Este metodo nos ofrece un cuadro de texto con barras de desplazamiento tanto horizontal como vertical, de esta manera podremos poner el codigo por mas largo de una manera liviana a la hora de la carga de la pagina, punto SEO muy importante .
- Para poner un cuadro de texto copiamos el siguiente codigo.
<span id="fullpost"></span> <span id="fullpost"><div align="center"> <pre style="height: 200px; overflow: auto; width: 500px;"> <div align="left"> <span class="Apple-style-span" style="font-family: Arial, Helvetica, sans-serif;"><span class="Apple-style-span" style="font-size: small;"> AQUI ESCRIBIMOS EL CODIGO A MOSTRAR </span></span></div> </pre> </div> </span>
- Ya solo nos queda insertar el codigo a mostrar, sustituyendo lo escrito en azul .Y problema resuelto
De este modo tendremos bien estructurados nuestros articulo, bien claros y mas cortos, mejorando asi la expriencia de los usuarios en nuestro blog.
Conoces algun metodo mejor? compartelo con nosotros
Te recomendamos:
Libertexto una extensión de Firefox que puede cambiar la forma en la que leemos y estudiamos en pa...abril 11, 2011
Guia seo para principiantes IIjunio 30, 2010
Blogger deja de soportar navegadores antigüosjulio 19, 2011
Blogger vs WordPress Infografíaenero 27, 2012
¿Cómo excluir mis visitas de las estadísticas del blog o web?julio 20, 2011
Cómo conseguir más visitas en tu blogmayo 17, 2010
140 colores hexadecimalesjulio 6, 2010
Como crear blog profesional Blogger. Capitulo 2.1 creacion entrada+ explicacion opciones bloggerseptiembre 15, 2010
Cómo NO optimizar tu sitio webjulio 14, 2010
Qué son y cómo crear páginas estáticas en un Blogmarzo 20, 2014
te agradeceria mucho mas si pudieras decirme como le hago para cambiar la fuente del contenido de la caja de codigo y el color de fondo de esta… por favor. Saludos!
TENGO PROBLEMAS, YA PUBLICADA LA ENTRADA SI ME MUESTRA ESE CUADRO DONDE APARECE MI CODIGO PERO LAS BARRAS DE DESPLAZAMIENTO NO RESPONDEN, NO FUNCIONAN… ¿A QUE SE DEBE ESTO? (COPIE EL CODIGO TAL CUAL COMO ARRIBA ESTA)… ESPERO QUE PUEDAS AYUDARME.
MUCHAS GRACIAS DE ANTEMANO.
MUY BUEN POST!!
@Anibal Clavel
Hola Anibal , antes que nada gracias por visitar mi blog.
lo que tienes que hacer es , en el editor pulsar en edicion htlm , pegas el codigo que tienes arriba, y ya puedes escribir , las barras de desplazamiento aparecen perfectamente , lo acabo de probar, respeto a las propiedades de color y fondo , los puedes modificar con las opciones del editor, seleccionas el texto y le aplicas el color que quieras. Espero que te sirva
@Anibal Clavel
Hola Anibal , antes que nada gracias por visitar mi blog.
lo que tienes que hacer es , en el editor pulsar en edicion htlm , pegas el codigo que tienes arriba, y ya puedes escribir , las barras de desplazamiento aparecen perfectamente , lo acabo de probar, respeto a las propiedades de color y fondo , los puedes modificar con las opciones del editor, seleccionas el texto y le aplicas el color que quieras. Espero que te sirva