Probando el alojamiento de vídeos en el propio blog (Blogger)

noviembre 2, 2007

Desde hace unos pocos meses, Blogger ha incorporado la posibilidad de cargar un vídeo en una entrada, de forma similar a como se viene haciendo con las imágenes.

Para ello, en el panel de edición de la entrada, pincharemos en el icono

Se nos abrirá el panel Añade un vídeo en tu entrada de blog en el que tendremos que elegir el archivo (.avi .mpg .mov .rm .wmv), ponerle un título, poner un tick en Acepto los términos y condiciones y, después, darle al botón SUBIR VÍDEO.


En ese momento, si estamos en la pestaña Redactar. veremos esta imagen:

Si estamos en la pestaña Edición de HTML, veremos esta otra:

En todo caso, en el final de la ventana, veremos el proceso de carga:

Es necesario no cerrar la página mientras se carga completamente el vídeo.
No hay que darle mucha importancia al mensaje de error que aparece algunas veces:

Cuando la carga se ha completado, todavía queda un importante proceso que consiste en el cambio de formato en el servidor. Normalmente, lleva un poco de tiempo…


Y, cuando ya esté todo listo veremos esto en la pestaña Redactar:

O esto otra, si estamos en la pestaña Edición de HTML

En ese momento ya podremos publicar nuestra entrada.

Anuncios

favicon en los blogs de Blogger

octubre 28, 2007

Se llama favicon (es una abreviatura del inglés: favorites icon), a un icono gráfico que muestran los navegadores más avanzados a la izquierda de la URL en la barra de direcciones.

Hasta hace muy poco, este icono gráfico, no era mostrado por el Explorer. En su última versión ya sí.

También se visualiza en las distintas pestañas del navegador:

Para crear un favicon, lo que tenemos que hacer es:
1.- Diseñarlo.
2.- Subirlo a internet. A un servidor distinto de Blogger.
3.- Vincularlo desde Blogger.

1.- Diseñarlo.
El icono es una imagen gráfica con la extensión .ico

Hay algunos programas especializados en la realización de esta tarea. Entre ellos, el IconForge o el Microangelo. No suelen servir los editores gráficos más conocidos…
Pero lo mejor, es elegir una herramienta on line que transforma automáticamente la imagen proporcionada en un icono. Mostrándote, a la vez, cómo se vería en la barra de direcciones del navegador. Dicha utilidad es el FavIcon from Pics.
Hay que tener en cuenta el tamaño del icono. El más apropiado es el de 16 x 16 píxeles. Si eliges otra medida, tendrá que ser modificada.

2.- Subirlo a internet.

Puedes emplear cualquier alojador del que puedas disponer y que sea compatible con el alojamiento de este tipo de archivos .ico Una posibilidad gratuita es Mediamax.

3.- Vincularlo desde el blog.

Simplemente, en la plantilla del blog, dentro del head, al final del mismo por ejemplo, tienes que colocar la siguiente línea de código:

<link rel=”shortcut icon” href=”http://ladireccionquesea.ico&#8221; />
Imagen del código:

Aunque he rehecho toda la información., este post se lo debo a Carlos Solamente. Muchas gracias.


Los iframes en las entradas de los blogs de Blogger

octubre 28, 2007

Un iframe es un marco interno. Es decir, una especie de hueco rectangular que podemos hacer en un documento html para que, en él, se visualice otro documento html.

Lo que se carga dentro del iframe no pertenece a la página principal. Es otra página alojada, probablemente, en otro servidor. Si hacemos modificaciones en la página secundaria, lógicamente, afectarán a la visualización global de lo que se ve en la página principal con el iframe cargado.
Lo realmente espectacular del tema es que podemos “disolver” los bordes rectangulares del iframe con lo que lo hacemos prácticamente invisible para los ojos de los visitantes. Con el atributo frameborder=”0″
Una posibilidad, por tanto, maravillosa. El problema es que no todas las aplicaciones de manejo de webs y blogs tratan igual de bien esta posibilidad.
En las entradas de los blogs de Blogger, podemos insertar un iframe. De hecho es la solución cuando el código embed no funciona…

Pero hay una limitación importante.

Y es el tema de que, de repente, cuando queremos volver a editar la entrada en la que está el iframe… ¡¡¡No se visualiza!!!. Aparece el texto en la ventana de edición unas décimas de segundo y… desaparece…
Lo curioso es que en el blog no se ha borrado. La entrada sigue visible. Es como si no hubiese pasado nada raro…
Yo creía que en esta nueva versión de Blogger, habían arreglado el problema. Pues no. Sigue exactamente igual que en la anterior versión.
He observado que este proceso de borrado se produce siempre y cuando publiquemos el post desde la opción de vista de la pestaña Redactar cosa que, dicho sea de paso, es lo que se suele hacer.

Así que, si quieres evitar el problema y tener siempre disponible el artículo para posibles revisiones, el truco está en publicar siempre desde la Edición de HTML:

Una vez que estés dentro de la ventana de edición, puedes pasar a la vista Redactar y escribir lo que sea necesario sin problema. Pero, antes de publicar las modificaciones, vuelve a la vista Edición de HTML y publica desde allí.

Espero que el truco te sirva…


Integración de midis

octubre 12, 2007

La mayoría de los reproductores flash vistos hasta ahora, reproducen archivos mp3 que es el formato más adecuado en su relación peso/calidad para internet.

Sin embargo, muchas veces, nos encontramos con archivos sonoros hechos con el teclado del ordenador, los llamados midis, cuyo peso es ligerísimo y, por tanto, muy útiles como fondos sonoros de páginas web.
Si queremos reproducir un archivo midi con un reproductor integrado en la página web o en el artículo del blog ¿qué hacer?
Emplearemos la etiqueta <embed> con los parámetros de ancho y alto establecidos con un cierto valor. El problema fundamental que presentan estos reproductores es que se van a ver distintos según el navegador con el que se visualicen.

<embed src=”rutadelarchivo.mid” width=”28″ height=”200″ autostart=”false”></embed>

A mí, el que más me gusta es el Firefox. Perfectamente compatible con este código de reproducción de midis. El Explorer muestra una consola muy grande, muy ancha, aunque podemos recortarla si indicamos un height a 30 píxeles por ejemplo. Opera muestra un reproductor muy parecido al del Firefox pero, para verlo, hay que pinchar sobre el rectángulo vacío que muestra en primer lugar.

IMÁGENES
Consola completa del reproductor Explorer (width=”41″ height=”370″)

Consola reducida del Explorer (width=”28″ height=”200″). Desaparece la barra de progreso y el control de volumen.

Consola del Firefox (width=”28″ height=”200″)

Veamos un par de ejemplos:

Himno a la Virgen de Casbas. Popular de Ayerbe (Huesca). Midi: Juan Gracia Jos.

El pajarico. Villancico popular de Ayerbe (Huesca). Midi: Juan Gracia Jos.
Ambos temas recogidos en Arafolk.

Actualización importante (14/10/07).

Javier Escajedo tiene razón (ver los comentarios de esta entrada). No depende, o no depende sólo, del navegador, el controlar la reproducción del sonido bajo una u otra consola. Parece que tiene que ver el cómo está configurado el equipo, además.
Y la sorpresa es que Linux no lee los midis. Pero ni los “embebidos” ni los midis no integrados en una web o en un blog. Se da cuenta de que le faltan plugins pero estos plugins no se encuentran. ¿Alguien sabe algo más de esto?