En la entrada de hoy, os mostraré cómo agregar un fondo a los vídeos de YouTube que utilizáis para incrustar en las entradas de blogger. En general, más de una vez hemos subido algún video y para incrustarlo en nuestras entradas hemos recogido el código que nos proporciona YouTube. Con esta entrada os muestro otro estilo que os ayudará a hacer vuestros vídeos más profesionales y atractivos.
Demostración de uno
Cómo colocar el video en cualquier fondo ?
En primer lugar, ir a
youtube.com y buscar o elegir el vídeo que desee incrustar en tu blog. Ahora, mira la barra de direcciones y copia
SOLO la numeración final de la
URL a partir del signo
= (para más detalles, compruebe la pantalla de abajo)
En segundo lugar, copia el código del efecto deseado, pégalo en una entrada de tu blog y cambia la numeración obtenida en el paso 1 por la
numeración en rojo del código elegido.
"Ahora ya puedes publicar tu entrada y verás tu video de Youtube con un nuevo diseño "
Estilo Cine
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ7ZheL_59crz-QXskg6cQPwsiaUC8gxfJJXHyQP19tAOCHRuVntbKdHmamlt4wvdGR_m3tVljEu3h533rR2_VP-qiRSwJe5qiFL2LZplCklCjEqqAuAOGR0Qtbq1t-MzKjotbImLgPh2Y/w500-h329-no/imm-sound.jpg') no-repeat top left; height: 385px; margin: 0 auto; padding: 33px 0 0 92px; text-align: left; width: 540px;"><iframe width="310" height="165" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div>
|
| Estilo Cartel
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzDG7_Nkmyb-3l22cU5fKGjt-2Gz_9QKZKd5NZRZbcHUCKnAR5mup0LCSf9TWisofrGXkcOxxODx3xzqNZ8g5VfBQHClqddpFYCoPITZmYygIhY_mz3VV5yTLiJO5CWgd8z_WT0YAJInMC/w478-h281-no/fotomontajes-divertidos.jpg') no-repeat top left; height: 385px; margin: 0 auto; padding: 24px 0 0 85px; text-align: left; width: 540px;"><iframe width="312" height="148" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div>
|
| Estilo Tablet
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-YPH-xyvvE74MZc_IX7zY856SB1wet3uHkV1JFf8Evi_AWlEFdcCtsaYW53FaboWOG6S7ORIybwi2Ma2KCfA8agx0TZEhgx8BfjuK6WcZchM53Sc0NWFDi3k-OXNDvLze6LTR-y1FoO3A/w500-h438-no/11052141-new-tablet.jpg') no-repeat top left; height: 385px; margin: 0 auto; padding: 82px 0 0 99px; text-align: left; width: 540px;"><iframe width="322" height="212" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div>
|
|
Estilo Televisión
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIKg6tuMg63VY5xxEKLWbwK6-0xX-ewOjbzNnAKZh4MfbTqj9SLy7dEtNf28LuC_yda1z0wO3ibtCPfh9aBZdRhn7bjh1HXMaLp6apyTHCDI6qtY9eizqKl36ZL5xF6SmwzhfdHefceL4L/w500-h234-no/tia.jpg') no-repeat top left; height: 385px; margin: 0 auto; padding: 22px 0 0 119px; text-align: left; width: 540px;"><iframe width="262" height="157" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div>
|
| Estilo Naturaleza
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiwhkc7Hi7_iFW9lZa5qgkrAOzpou1iGJuU0xffkzsZlA0Gv5aCGJeEI2UJQv9Hi275Cul27pfe3QezqHwjmdgyLPeau61UJyIZ8Fcah0Ivh1PJjor3vAE717UVSQ3cStk0BXQJ1o_JmRw/w500-h375-no/11330_3.jpg') no-repeat top left; height: 260px; margin: 0 auto; padding: 95px 0 0 119px; text-align: left; width: 500px;"><iframe width="297" height="200" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div>
|
| Estilo PC Portatil
<div style="background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEToasDPXWKUZ5lUXMjUPTAiy1FwR_Emqo7-w_rwE2DngKCR6kPJdM6NEvlKA0XC2RoFmJJO5O2IBya303XIxtV0NmhcOHfyfGPr_bc-H3lcTWE40z8Y8elmLIm88FbRbwkcXGOW_GLX_z/w500-h391-no/samsung-portatil_r610-01.jpg') no-repeat top left; height: 380px; margin: 0 auto; padding: 25px 0 0 60px; text-align: left; width: 500px;"><iframe width="377" height="220" src="http://www.youtube.com/embed/l-qwvSn6Euk" frameborder="0" allowfullscreen></iframe></div>
|
|
Si quieres un fondo personalizado, manda imagen por
Formulario de contacto y a la mayor brevedad se te diseña.
Publicaciones Relacionadas
trucos blog