30 mayo, 2007

HOWTO: Añadir vídeos youtube a blogger

Debido a la cantidad de gente (bueno, vale, sólo un par) que me pregunto como añadir vídeos a una entrada de un blog de blogger voy a proceder en un par de pinceladas a explicar cómo se lleva a cabo esta tarea, acompañada de algunos consejos de "pro" xD.



1. Ir a la página de youtube donde esta el vídeo. Se que puede ser evidente, pero nunca se sabe.


2. Recoger el código html: En la página de youtube del vídeo que deseéis incrustar aparecerá, como muestro en la imagen de la derecha, una zona en la que se recoge el código html embebido (embed) para añadir el vídeo a cualquier página. Cópialo


3. Crear una entrada del blog: Procedemos a crear una entrada del blog como habitualmente.


4. Situarse en "Edición de HTML": Ahora, en la pantalla de creación de una entrada de blogger, nos colocamos en la pestaña que indica "Edición de HTML", como se muestra en la siguiente imagen, y pegamos el código anteriormente copiado.


5. Comprobar que el vídeo esta donde queremos
: Una vez que hayamos agregado este código a la entrada vamos a comprobar que realmente se nos ha colocado donde deseamos haciendo Vista previa.


6. Redimensión de la imagen
: En el código que hemos pegado en la entrada aparecen dos identificadores de height y width que indican el alto y ancho respectivamente. Modificándolos tendremos un reproductor con las dimensiones que queramos. Ojo: Repito, hay dos referencias de height y width que deben coincidir.


7. Postear y ver el resultado
: Siempre cambia de verlo en vista previa a verlo in situ, por tanto postear y ver como quedó la entrada en el blog.



Para finalizar la entrada voy a colgar un vídeo de Michael Andrews que me gusta bastante y que me ha recordado el perfil de Last.fm de R@k3L. Nota: El tamaño del vídeo, para que os hagáis una idea es de 535x450 manteniendo así la proporción.

Michael Andrews - Mad World



Herramientas utilizadas para el HowTo:
Mozilla Firefox
Ksnapshot
Gimp

22 comentarios:

Anónimo dijo...

Muchas zenqs!!

Hoy a probar a ver q se pué hacer jajaja, me piro pa la auto!! kiss!!

Anónimo dijo...

Ya ta hecho, la verda q con esa explicacion fue super facil, asiq muchas gracias de nuevo :D

Saludinos!!

rogerdv dijo...

Pues a mi nunca me ha funcionado, al publicar la entrada me da un erro, igual que con lso de Google Videos.

DaPePan© dijo...

Hola roger.

En ciertas ocasiones y no porque extraño motivo una etiqueta "< embed >" no se cierra correctamente con "< /embed >". Tendrías que hecharle un vistazo al código y ver que todas las etiquetas que se abren se cierran de form correcta. Es un error no se muy bien si de blogger o de youtube que no proporcionan el código correcto.

Espero haberte sido de ayuda y sino vuelve a postear.

Un saludo

kenshin dijo...

Gracias!!! Gran HOW TO, todo perfecto, un abrazo meu.

CRA dijo...

Fácil y bonito, gracias por la ayuda.

surligneur dijo...

Muchas gracias por tu ayuda, un saludo y uy buen blog

Redliw dijo...

pues yo no puedo ver el video cuando presiono en el botón de "vista previa"... conclusión: no puedo colgar un video a mi blog

Anónimo dijo...

he puesto un video de yotube en bi blogs, el problema a sido cuando lo he eliminado y quise subir otro sale el primero. ¿porque sale el primero? he intentado con varios videos y siempre sale el que puse primero. ayudenme por favor. ¿donde esta el dichoso video que siempre se coloca en lugar del que me bajo?. gracias.

DaPePan© dijo...

Es un caso extraño...

Has intentado borrar todo el contenido de la entrada en la que vas a insertar el video y vuelto a empezar?

Te recomiendo que borres el contenido siempre en la pestaña "Edición de HTML".

Espero se solucione tu problema.

Un saludo

Anónimo dijo...

Gracias DaPePan, me sirvio, acabo de subir otro video y se ve O.K.

Anónimo dijo...

Agradezco tu comentario en mi (proyecto-blog).Stoy intentando poner un reproductor de musica en el blog, intente con playlist, y no se ponerlo en el blog !!y no hay manera!!.
Saludos

Anónimo dijo...

Hola Dapepan, ya se que este no es el tema de esta seccion, pero es que queria preguntarte, ¿como o donde se puede encontrar tipos de letras(tipografia), para el blog, me gustaria cambiar el tipo de letra que tengo en el blog, ya probe con las que vienen en blogger, quiero algo como para el estilo gothico, y no encuentro. Si me pudieras ayudar te lo agradeceria muchisimo "de nuevo".

Jose dijo...

Ok. buen aporte. Gracias. Fue bárbaro

Unknown dijo...

muchas gracias por el tutorial me ha ayudado mucho saludos!

Anonim0 dijo...

gracias, muy bueno y claro..

Vinka dijo...

claro conciso y efectivo. Gracias

malachuca dijo...

Hola, ¿y cuando en youtube no hay embebed, tengo que publicar el enlace a pelo?
Gracias

DaPePan© dijo...

Algunos vídeos no permiten incrustarlos en otras páginas. En estos casos hay que utilizar directamente el enlace para que los visitantes lo vean directamente en Youtube.

Valeana dijo...

HOLAA... NO APARECE LA DIRECCION HTML AL LADO DEL VIDEO EN YOUTUBE...¿¿¿COMO HAGO?

DaPePan© dijo...

En la nueva interfaz has de pulsar en el botón "Insertar" y ahí tendrás la información.

Un saludo

Laura Marcela Palacios Muñoz dijo...

Mil gracias,que bueno que utilices este medio, para compartir conocimiento.