VENTANA DE VÍDEOS DESLIZABLE.

Para aquellos fanáticos de la música, que tienen muchos vídeos desparramados en todo el blog, Aquí les dejo una buena  solución que ocupa poco espacio y seguro va a mejorar la carga de la pagina, se trata de un código de ventana de vídeos deslizables y las instrucciones para que puedan modificar sus dimensiones y colores a fin de armonizar con el diseño de sus paginas o blog.s

      AQUÍ TE DEJO EL EJEMPLO CREADO POR EJ ESTUDIO.

Mis videos FAVORITOS!! lo mejor del 2014:

EJ ESTUDIO: recursos para tu web

Comencemos.
Copia el siguiente código luego entra a DISEÑO, luego hace click en AÑADIR UN GADGET y luego en  HTML JAVASCRIPT de tu blog de blogger y pegalo ahí, (o en cualquier lugar de tu sitio web.)
                      ___________________________________________________________
/////////COPIA EL CODIGO DE ABAJO Y PEGALO EN TU BLOG/////////// ------------------------------------------------------------------------------------- <table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#fffff" align="center"> <tbody> <tr> <th bgcolor="#151515"> <b><font color="red"><strong>Mis videos FAVORITOS!!</strong></font><div style="WIDTH: 344px; HEIGHT: 270px; OVERFLOW: auto"> <strong>lo mejor del 2014:</strong><iframe title="YouTube video player" height="255" src="http://www.youtube.com/embed/K-Zw2lew69o" frameborder="0" width="300"></iframe> <iframe title="YouTube video player" height="250" src="http://www.youtube.com/embed/7zp1TbLFPp8" frameborder="0" width="300"></iframe> <iframe title="YouTube video player" height="250" src="http://www.youtube.com/embed/gqQe9ks9SQg" frameborder="0" width="300"></iframe> <iframe title="YouTube video player" height="250" src="http://www.youtube.com/embed/i0ztXc7D494" frameborder="0" width="300"></iframe> </div> </center> </b> </th></tr> </tbody></table> <a href="http://ej-estudio.blogspot.com/"> EJ ESTUDIO: recursos para tu web</a> ________________________________________________ ///////////////////////FINAL DEL CODIGO////////////////////////// ------------------------------------------------------------- Si te confunde los colores , debajo te dejo el mismo código limpio (sin colores)

<table border="0" cellspacing="1" cellpadding="3" width="350" bgcolor="#fffff" align="center"> <tbody> <tr> <th bgcolor="#151515"> <b><font color="red"><strong>Mis videos FAVORITOS!!</strong></font><div style="WIDTH: 344px; HEIGHT: 270px; OVERFLOW: auto"> <strong>lo mejor del 2014:</strong><iframe title="YouTube video player" height="255" src="http://www.youtube.com/embed/K-Zw2lew69o" frameborder="0" width="300"></iframe> <iframe title="YouTube video player" height="250" src="http://www.youtube.com/embed/7zp1TbLFPp8" frameborder="0" width="300"></iframe> <iframe title="YouTube video player" height="250" src="http://www.youtube.com/embed/gqQe9ks9SQg" frameborder="0" width="300"></iframe> <iframe title="YouTube video player" height="250" src="http://www.youtube.com/embed/i0ztXc7D494" frameborder="0" width="300"></iframe> </div> </center> </b> </th></tr> </tbody></table> <a href="http://ej-estudio.blogspot.com/"> EJ ESTUDIO: recursos para tu web</a>

INTRUCCIONES PARA MODIFICAR LOS VALORES: Cada color representa un valor que podes ajustar a tu gusto para personalizar tu ventana de vídeos, a continuación te explico todo siguiendo cada color width="350": define el ancho horizontal de la ventana. ejemplo: ventana mas grande el valor seria de "400" bgcolor="#fffff"  : define el color del borde externo( en este caso es blanco. para elegir otros colores hace click aqui y encontraras códigos de colores exadecimales, siempre entre las" "( copia y pega siempre entre las comillas y sin espacio) th bgcolor="#151515: define el color del contenido de la ventana(en este caso es negro) font color="red":Define el color del titulo (en este caso es rojo). otros colores para reemplazar :            Aqua  , Black ,  Fuchsia ,  Gray , Green , Lime , Purple , Red , Silver , Teal , White , Yellow  . siempre entre las" "( copia y pega siempre entre las comillas y sin espacio de lo contrario no funcionaa!!) Mis videos FAVORITOS!: Borra y pone el titulo que quieras WIDTH: 344px; HEIGHT: 270px; Define el ancho y el alto de la pantalla del vídeo  NOTA: LAS DIMENCIONES DEL VIDEO SIEMPRE TIENEN QUE SER IGUALES O MENOR QUE LA DIMENSIÓN DE LA PANTALLA lo mejor del 2014: Aquí podes cambiar el SUB TUTULO. <iframe > aqui empieza un video y </iframe> aquí termina, BORRALOS A TODOS,  Ahora anda a YOUTUBE elegi tus vídeos favoritos, luego hace clic en COMPARTIR y luego en INSERTAR VINCULO, elegí la opción de TAMAÑO PERSONALIZADO y en el espacio del "wichd" digita el "300"., copias el código y lo pegas exactamente donde borraste los códigos violeta  Copia y pega cuantos vídeos quieras!!.
Parece complicado pero la verdad es que es muy fácil, solo hay que ponerle ganas. Espero que les guste este aporte y si tenes alguna duda mándame un mensaje con el formulario del costado.  Saludos; Edgardo Lafuente  Si te gusta este post COMPARTILO AHORA!!