Revista Ilustración

Como poner boton flotante de youtube en blogger con video

Publicado el 07 mayo 2017 por Torpona_soy

Como poner boton flotante de youtube en blogger con video
Hola,
 y ahora os voy a enseñar ha hacerlo es muy fácil y la verdad es que queda bien, lo podeis ver..lo tengo puesto haber si os gusta:)
                                     No os quiero liar así que vamos a ir haciéndolo según nos lo pida el código de abajo
                                              <style>#flotante1 {position:fixed;top:50px;right:-250px;float:right;width:288px;display:block;padding:0;z-index:1002;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}#flotante1:hover, #flotante2:hover, #flotante3:hover {right:0px;-moz-transition: all 1s;-webkit-transition: all 1s;-o-transition: all 1s;}div.likeboxwrap {margin-top:-5px;margin-left:-45px;width:238px;height:325px;background-color:#fff;overflow:hidden;border-radius:10px;}</style><div id='flotante1'><img src='URL DE IMAGEN' style='float:left;'/><div style='background: #COLOR DE BORDE; height:325px; margin-left:38px;padding: 8px 5px 0pt 50px;border-radius: 0px 0px 0px 10px;'><span><div class='likeboxwrap'>CODIGO DE TU VIDEO</div></span></div></div>
Tenemos que poner la ur de la imagen si queréis la que yo tengo puesta  teneis que poner este codigo http://1.bp.blogspot.com/-NMEHvT5cLoE/VC4PnlHwjkI/AAAAAAAAYxI/uESLKBpj1Rk/s1600/2.pngY si queréis poner otra ya sabéis tenéis que subirla a un servidor de imágenes para tener la ur Ahora vamos con el código de vídeo, cuando lo tengais teneis que cambiar el 560 por 238 y el 315 por el 325 para sacar el código del vídeo nos vamos a youtube , elegimos el vídeo que queramos que salga...y le damos a compartir (como si fueras a compartirlo) y luego a insertar y el código que salga lo copiamos y lo pegamos en algún sitio, por ejemplo en el blog de notas (hay que cambiarle el 560 x 238 y el 315 x el 325)una vez los hayais cambiado,copiamos el codigo y lo metemos donde dice codigo de tu video , Despues copiamos todo el codigo con la ur de la imagen y el codigo del video metido y  volvemos al blog, nos vamos a diseño, añadir un gadget y de las opciones que nos de pinchamos en el que pone HTLM y pegamos el codigo, le damos a guardar y listo. Este tutorial lo he echo a mi manera pero los creditos son para dayfananimes

Volver a la Portada de Logo Paperblog