Insertar Cuadro de Texto con barra de desplazamiento En Blogger

A veces podemos incrustar cuadros de texto en los posts o artículos de Blogger. Son cuadros que crean barras de desplazamiento para poner textos largos. Veamos la forma de hacerlo con el código correspondiente que tenemos que utilizar. En el siguiente ejemplo os dejo el trozo de código necesario para hacer lo que debajo tenéis: un cuadro de texto con barras de desplazamiento. Sólo hay que copiar el código y llevarlo al blog propio.


<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 400px; height: 150px;"><div align="left"><span style="font-size: 100%;"> En este espacio ponemos el texto que queramos; sea largo o corto. </span></div></pre></div>

-Como veis es muy fácil.

Información tomada de: http://tuneatublogger.blogspot.com.es/2009/04/insertar-cuadro-de-texto-en-blogger.html

-------------------------------------------------------------------------------------

Insertar Codigo HTML en Entrada


 Una de las utilidades que más voy a utilizar a partir de ahora es esta: insertar código html en los post.

Para ello vamo a hacer uso de la aplicación SimpleCode, que nos formatea el código para que en el post no se modifique.

He aquí un ejemplo:


<span id="fullpost"><div align="center"><pre style="overflow: auto; width: 400px; height: 150px;"><div align="left"><span style="font-size: 100%;">



En este espacio ponemos el texto que queramos; sea largo o corto.



</span></div></pre></div>



Lo unico que tenemos que hacer es Ir a este link http://simplebits.com/cgi-bin/simplecode.pl y pegar el codigo y darle a Process
y les dara un nuevo codigo que tiene que pegar en su entrada,

4 comentarios:

  1. Hola, buenos días. He probado el código y funciona muy bien aunque a mí no me sirve porque hay un defecto, que las letras al llegar al tope de anchura se quedan cortadas en vez de pasar al renglón siguiente. Mi blog es escolar y como es comprensible, no puedo mostrar un texto en esas condiciones a mis alumnos. ¿Cómo se puede solucionar este problema?

    ResponderEliminar
  2. Hola Plácido. Supongo que se te quedará el texto enmarcado con dos barras de desplazamiento, horizontal y vertical, como en el ejemplo,
    pero si lo que quieres el crear un texto más corto, puedes insertar un salto de línea con la etiqueta de salto de línea.

    ResponderEliminar
  3. En este enlace se pueden ver algunos ejemplos de etiquetas y códigos.
    http://html.hazunaweb.com/105.php

    ResponderEliminar
  4. La verdad es que siempre me ha interesado saber cómo hacer esto en uno de mis blogs, así que te lo agradezco en el alma. Por otra parte, me interesaría que nos explicases, si es posible aplicar esto en la creación de un banner para nuestro sitio y cómo se haría. Tengo la imagen ya desde hace tiempo, pero no sé cuál es el código que he de insertar.

    Un abrazo.

    ResponderEliminar