Marco de tv para vídeos de YouTube

Marco de tv para vídeos de YouTube


En esta oportunidad vamos a ver los vídeos de YouTube en un marco de tv. Si te gusta a ti lo mas llamativo como a mi. Entonces esto te va gustar . Solo vamos hacer 2 pasos para optener este estupendo truco.


Entonces sigue estos pasos  a continuación : 

1.- Inicias sesión en tu cuenta de Blogger.

2.- Vas a  Plantilla  y  Editar Html 


3.- ya estando  en los códigos  combinas  teclas : Control + f   y te va salir esto :


Entonces vas a poner  este código a buscar.


3.- busca este codigo : ]]></b:skin>    y presiona enter. y buscara al toque. 

4.- En cima de el pones esto: 

.video-player{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXo7Qbw2GCCkZwZMBMUJb8XvoClx8_n7IVhyphenhyphenCGQuxAMUNYXhkXpOWLjwj_1woPhIVCD8RP_spMPhn-HQEmpnuQeW3mEmx-xRx1rBVfAVl4DObkHKc-Mn6_GtalXKGzRlYfObHnVhPRtw/s1600/psd-samsung-p2370-monitor+3.png) no-repeat top center;height:458px;width:580px;padding-top:35px;margin-left:30px}


Si lo deseas puedes cambiar el marco por otro .Bueno depende de tu imaginacion .


5.-  Y presiona Guardar.

6.- Vas a publicar una entrada nueva. Entonces cada ves que publiques pones este codigo .

<center>
<div class="video-player">
<iframe height="281" src="http://www.youtube.com/embed/prdoHGvYHyQ" width="500"></iframe>
</div>
</center>



Simplemente vas a cambiar la ID del video por otro.


Listo a publicar y sorprender a tu visitantes.


Puedes ver el demo aqui :




Danos Tu Reaccion Sobre el Articulo
Comentar