Blogger CSS Agregar un fondo a un video de Youtube en Blogger

En este tutorial veremos como agregar un fondo a un vídeo de Youtube, muchos de los blogger suelen agregar vídeos a sus blog, muchos bloggers suben sus vídeos en Youtube y
luego agregan a sus blog, con este método daremos un estilo mas personalizado a nuestros vídeos  subidos a nuestros blog,

Antes de comenzar veremos una demostración.

Comencemos:

  • Paso 1: Dentro de una entrada pegaremos el código HTML para nuestro fondo de vídeo
<div style="background: url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9mTpShBxgdFMcpRsPLCbkMRv6VBVm20aVot1n5l-tONclGQUBz6SyrL8mGSQLvAFUHRGTCxcGJWKrP6hqVLT2wPw9lythNE2zFX0obuX3J9OGx_WROLBYnKJNV-aZ8cuOc0RUGNTgFlk/s1600/video-background.png&quot;) no-repeat scroll left top transparent; height: 364px; margin: 0px auto; padding: 19px 0px 0px 22px; text-align: left; width: 532px;"><iframe allowfullscreen="" frameborder="0" height="298" src="http://www.youtube.com/embed/G92Yio_J8VM" width="498"></iframe></div> 

Nota:-  Solo debemos de cambiar la id del video en  Rojo de Youtube

Como saber la Id de un vídeo de Youtube

La ID de un video de Youtube son las ultimas letras después de watch?v= 
Ejemplo: 
Listo ya estaríamos disfrutando de un fondo para nuestros videos de Youtube en Blogger 

- - 0 Comentarios
Tag

Comentarios (0)

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar