Poner un video en el blog

Poner un vídeo es muy sencillo, podemos dejar el enlace para que se reproduzca en el lugar donde está alojado, pero vamos a poner el código necesario para que se reproduzca sin salir del blog, que queda muy bien.

Los vídeos no pueden ser cargados directamente como las fotos, tiene que estar en un albergue. Tenemos varios, los tres más populares son YouTube (sin duda, el más conocido), Google Vídeo (que se unificará con YouTube porque la ha comprado Google) y Dailymotion (un Youtube europeo), estos dos últimos con opción en castellano. Hay otros, como Delealplay propiedad de Vocento, recientemente creado. Desde cualquiera de estos servicios el proceso de inserción es el mismo.

Vamos a trabajar con YouTube. YouTube es un lugar donde la gente deja sus vídeos públicos o privados, compartiéndolos con todos o sólo con usuarios de la familia o amigos. Podemos buscar los vídeos públicos por el nombre con que se ha registrado el usuario, por la palabras del título y los tags (etiquetas que ha puesto); por ejemplo, si es de matemáticas puede llevar: matemáticas, circunferencia, geometría, áreas... etc. Al poner una de esas palabras en su buscador, saldrían los que hayan sido etiquetados con cualquiera de ellas. Hagamos una prueba, pongo dos: Bilbao puentes. Obtengo estos resultados. Al lado de cada vídeo sale una ficha: título, descripción, tags (etiquetas), fecha, usuario y número de veces que se ha visionado. Puedes probar poniendo otras palabras, todas te darán resultados, y si buscas películas, encontrarás secuencias.

Si pulsamos dos veces sobre el título del vídeo, se abre una nueva ventana, empieza a reproducirse y vemos la URL al lado en un marco (esta dirección es la que tendríamos que enviar a alguien para que lo encuentre) y Embed es el código para ponerlo en el blog. Lo copiamos todo, con cuidado. Tiene que empezar por la palabra objet, más adelante encontramos la palabra embed, son dos etiquetas imprescindibles (no confundir con las anteriores, éstas son objetos de programación, no de clasificación), y al finalizar tiene que terminar con esas dos palabras precedidas de esta "/" barra indica que las etiquetas se cierran, en el mismo orden que se abren /embed /objet .

También hay que fijarse en width="425" height="350", estas cifras son el ancho y el alto en píxeles, aparecen en dos lugares del código. Podemos modificarlas, pero para un blog nunca mayores, y siempre de forma proporcional. Resumiendo las dejamos como están o en su lugar las sustituimos por 320 y 240. Si queremos pegar esté código y modificarlo antes de hacerlo en el blog, usaremos el notepad (notas) de Windows.

Para ponerlo en el blog, creamos un post nuevo y haremos lo siguiente:

1º Pulsamos en la pestaña "Edición HTML" y pegamos el código.
2º Cambiamos de nuevo a la pestaña "Redactar" y escribimos el texto si es necesario. También podemos hacer al revés, escribir primero y meter el código al final de todo.
3º En "Vista Previa" vemos como queda. Si está bien, publicamos.

Puede que queramos hacer alguna corrección. Y aunque ésta sea en el título o en el texto, es posible que al volver a republicarlo blogger nos dé un mensaje de error en inglés que nos dice que "falta por cerrar la etiqueta /embed (siempre va entre dos < >)", pero se soluciona fácil. Pulsamos de nuevo la pestaña "Edición html", vemos que ha desaparecido del final del código la etiqueta /embed (no olvidar, siempre va entre < > ) antes de la de /objet, volvemos a ponerla.

En otros servidores como Google Vídeo, el código puede empezar diretamente por embed y terminar en /embed, porque en realidad ésta es la etiqueta clave del código.
El vídeo que he elegido es sobre creación de Objetos de Second Life, un juego sobre un mundo virtual que hace euforia. Lo encontré en este grupo de trabajo educativo http://youtube.com/genmagic

Los grupos son usuarios que comparten un espacio para colocar vídeos sobre un tema, es imprescindible registrarse, no así para hacer uso de ellos. En este enlace hay un SlideShare para aprender todo lo que sobre este servicio queda fuera del curso.

Ahora metemos un vídeo que nos guste en un post. En conclusión: basta buscarlo, copiar el código y pegarlo en la pestaña "Edición HTML"

“Algo de ti” en cada palabra from Petreraldia.com on Vimeo.

Como cambiar la plantilla del blog

Hoy les mostraré una de las cosas que hemos de hacer siempre para mejorar el aspecto de nuestro blog, y que tal vez para muchos de ustedes ya sea algo habitual y lo hayan hecho muchas veces.

En primer lugar lo primero que hemos de hacer es elegir la plantilla que queremos poner. Las plantillas pueden ser de dos tipos: estándar o personalizadas.

Antes de comenzar a instalar cualquiera de las plantillas es muy importante que guardemos nuestra plantilla actual, para poder retornar siempre atrás. Para guardar nuestra plantilla recomiendo mirar este artículo.

Colocar una plantilla estándar

 AQUÍ podréis bajar plantillas para el blog.


YO OS FACILITARÉ UNA COLECCIÓN DE PLATILLAS A TRAVÉS DEL USB PARA ENTRETENEROS EN CASA MIRANDO CUAL ES LA QUE MÁS OS GUSTA. PERO TENER EN CUENTA UNA COSA QUE ES MUY IMPORTANTE CAMBIAR LA PLANTILLA ANTES DE AÑADIR CUALQUIER GADGE EN LA SIDEBAR PORQUE ESTOS CAMBIOS NO LOS GUARDRÁ.

 
Para poner una plantilla estándar tendremos que hacer los siguientes pasos:
1. En nuestro panel de Blogger, elegimos la pestaña “Diseño”, y como subpestaña “Seleccionar plantilla nueva”.

2. A continuación, Blogger nos mostrará una lista de las plantillas definidas. A continuación, seleccionamos la plantilla que más nos guste y pulsamos sobre “Guardar plantilla”. Una vez hecho esto las plantilla ya tendremos la plantilla seleccionada.

Las plantillas de blogger, a pesar de ser las recomendadas de blogger, no tienen poque ser mejores que las que voy a presentar a continuación que más vistosas, simplemente en las de blogger nos aseguramos que podremos usar perfectamente los diferentes “trucos” presentados en muchas de las webs para dar un aspecto más agradable ablogger.

Colocar una plantilla diferente en blogger



Sin embargo, a todos cuando diseñamos una web nos gusta optar por temas más estéticos de tres columnas como el que uso en mi web (aunque aviso que no es un tema de blogger ya que uso wordpress), tendremos que recurrir a otras webs para obtener plantillas. Las principales páginas para obtenerlas son las siguientes:

- BTemplates. Maravillosa página, que a pesar de ser relativamente nueva contiene una increíble colección de plantillas que acostumbran a ser compatibles con muchos de los hacks y de gran calidad. Destacaría las categorías que permiten obtener rápidamente lo que buscamos.

- Plantillas de Mashable. Mashable ofrece 50 plantillas que las considera las mejores de Blogger. Realmente las ofrecidas son muy buenas y creo que merece la pena tenerlas en cuenta.

- Blogger Templates. Blog que ofrece periódicamente multitud de plantillas. Algunas son muy buenas. Está en inglés, aunque no es demasiado difícil entenderlo.

Aún así como digo en este tipo de cosas hay múltiples alternativas y son solo fuentes para obtener plantillas. Para el caso por usar un ejemplo usaré Btemplates, que personalmente creo que es la mejor opción.

Los pasos a seguir serán los siguientes:

1. En primer lugar hemos de seleccionar la plantilla que más nos guste, o un conjunto pulsamos en Download, y descargaremos en formato zip la plantilla.

2. Al descomprimir el archivo, veremos varios archivos, algunos que contienen la captura en imagen pero el importante es el que tiene extensión XML.

3. A continuación, vamos a nuestro panel de Blogger, elegimo la pestaña “Diseño”, y elegimos la subpestaña “Edición de HTML”.

4. En la parte superior observaremos la opción de restaurar una plantilla, y pulsaremos “Examinar” y seleccionaremos de nuestro PC la plantilla que acabamos de descargar. Posteriormente, pulsaremos subir y con esto ya tendremos la nueva plantilla subida.