cómo poner un vídeo de youtube en la sidebar (columna) en el blog de blogger blogspot


Hoy mismo en un comentario me preguntaba cómo poner un vídeo de youtube en la sidebar (columna) en el blog. El problema que se nos presenta es que la sidebar es más pequeña que el vídeo, por eso deberemos seguir los siguientes pasos:

En la página de youtube, vamos a la opción de insertar y copiamos todo el texto que aparece allí:


Una vez copiado el texto vamos a:

1) Diseño
2) Elementos de página
3) Añadir gadget
4) Elegemos el gadget de HTML/Javascript
5) Pegamos el código de youtube en él:

<object width="320" height="265"><param name="movie" value="http://www.youtube.com/v/LU8DDYz68kM&hl=es&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/LU8DDYz68kM&hl=es&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="320" height="265"></embed></object>

Ahora sólo debemos modificar las cifras numéricas en rojo por los tamaños adecuados para tu sidebar. Si la sidebar mide 200 de ancho deberemos cambiar el width por 200. Igual haremos con el height (alto).

Recuerda que si quieres que el vídeo salga centrado en la sidebar debes poner en el código <center> y </center> al princpio y al final respectivamente.

El resultado final sera éste:


14 comentarios:

  1. Hola! Me gustaria saber si es posible hacer esto mismo, pero colocando en lugar de 1 video, una lista de reproduccion. Gracias:D

    ResponderEliminar
  2. Me imagino que me preguntas por una lista de reproduccion de videos. Desconozco si es posible o no, investigare sobre ello.

    Un saludo.

    ResponderEliminar
  3. Hola Raymond. Mira en tu plantilla HTML qué valor pone en #sidebar-wrapper. He mirado en tu plantilla y pone lo siguiente:

    #r-sidebar {
    width:220px;
    float:right;
    }

    Es decir, tu sidebar mide 220px, por tanto el vídeo de youtube lo tendrás que adaptar a esa medida.

    Un saludo, gracias por tu visita y consulta.

    ResponderEliminar
  4. graciaas jajaja
    enseguida encontre la respuestaa

    ResponderEliminar
  5. Gracias a ti Emma. Un saludo y bienvenida al blog.

    ResponderEliminar
  6. Muy buen tip, pero mi problema es que cuando intenté agregar un video de youtube, sin fijarme si se ajustaba en las medidas (aprox los 220px)y el resultado fue que me envio los gadget a la columna mas ancha de los post. Este problema persiste solamente en mi primera pagina, en las siguientes esta normal. Alguien me puede ayudar a resolverlo?

    http://carbosonora.blogspot.com/

    Gracias

    ResponderEliminar
  7. Hola. Gracias por tu visita y por comentar. Cuando añades un gadget puedes elegir dónde elegirlo. Debes clicar en "añadir un gadget" en la columna que desees que luego aparezca. De todas formas, una vez que lo hayas añadido puedes moverlo clicando sobre él y arrastrándalo a donde desees.

    Saludos.

    ResponderEliminar
  8. Bien ya tengo un video en mi blog.

    muchas gracias men

    ResponderEliminar
  9. hola, me gustaria saber cómo colocar un video no en la página principal de mi blog sino en una de las páginas que tengo aparte, es decir, arriba en pestañas distintas.. es posible?
    muchas gracias!!!
    un saludo
    mariola

    ResponderEliminar
  10. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  11. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  12. Siempre que busco algo,al final la mejor solución es la que tu me das,fácil,bien explicado...y me sale bien.:))))
    Gracias
    Rocío Rey

    ResponderEliminar
  13. como puedo poner otro video? que no sea eseee???

    ResponderEliminar