Tutorial:Reproductor Mini Youtube♥+Ya volvi ¡



Hola  ya volvi  como estan? , ya vieron a la nueva autora ? Es una amiga que le tengo mucha confianza y es muy buena y amable     la autora Minnie   ,ella me ayudara asiendo otras plantillas y algunas cosas del blog ,también publicara lo que desee ,espero que les aya agradado a todas , y el 3 de Marzo empieza mis clases  wa¡ no quiero ir  , pensaba irme a Arequipa a estudiar pero me quedare un año mas aqui ,no me gusta tanto mi U  pues no hay gente que se esfuerze en estudiar ,la mayoria se escapa de la U , son muy relajados ,quisiera alguna amiga que sea estudiosa alli ,como en el colegio con mi amiga Ana  ,estraño como era en el colegio  ¡ Pero ya encontrare a otra cuando me vaya a Arequipa 


 Bueno dejando eso ,les traigo otro tutorial  ,es sobre un reproductor de youtube pero con un efecto muy lindo para sus blogs asi es como queda : 
Si lo quieren sigan los pasos :

Para Plantilla Basica o Blogger: Ir a Diseño/Añadir gadget/HTMLJavacript y pegas el siguiente codigo
Para Plantilla Clasica o Blogskin:Pegar el siguiente codigo donde lo desees 
<style>
#music{
position:fixed; top:90px; left:10px;/*90 Aumentas y se va mas abajo left izquierda */
padding-top:10px;padding-bottom:17px;
text-align:center;/*Letra centrada*/
height:10px; width:34px;
overflow:hidden;
border:3px solid #B49A9A;/*Border 3 Tamaño solid Tipo B49A9A Color*/
color:#888;/*Color de la Letra*/
border-radius:40px;/*Border Redondeados*/
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background-color:#FFFFFF;
z-index:999;
}
#musicplayer{
padding-top:10px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#music:hover {
border:3px dotted #febdbd; /*Border 3 Tamaño dotted Tipo febdbd Color*/
padding:5px; height:65px; width:65px;
border-radius:70px;/*Border Redondeados*/
}
</style>
<div id="music">
<center>
<img src="Url de un mini gif" style="background:none;border:none;padding-top:0px;" /></center>
<div id="musicplayer">
<center><object width="30" height="25"><param name="movie" value="http://www.youtube.com/v/7LG7puaC1CM?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=DACDBE&amp;color2=DACDBE" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/7LG7puaC1CM?version=2&amp;autoplay=1&amp;hl=en_US&amp;color1=C9B29F&amp;color2=DACDBE" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="30" height="25"></embed></object></center>
</div>
</div>
7LG7puaC1CM : Es la musica que puse yo , si quieres otra musica de youtube tiene que ser 
Ejemplo:
Buscas tu musica  y te vas a su url y copias lo que esta adelante de v=
.
y UEIJezQzTNo lo remplazarias en 7LG7puaC1CM
Bueno eso es un ejemplo n.n,busca tu musica .
C9B29F y DACDBE :Es el color del boton del reproductor play :
Puedes eliminar :
border-radius:40px;/*Border Redondeados*/
border-radius:70px;/*Border Redondeados*/
y queda en forma cuadrada el reproductor 
Perseonalizar tipo de bordes:
Puedes cambiarlo a "solid" o "dotted" para mas CLIC AQUI para que veas los tipos de bordes
Personalizar colores:
Para encontrar otros colores y que te de el codigo de ese color que quieres busca en esta pagina:

Elijes un color y te da un codigo 
y lo remplazas por el otro color que di en los otros codigos.
Entrada actualizada : Personalizar comentarios  Ahora si lo pueden personalizar :3




6 comentarios :

Hola :3 Bienvenidos a Lunany-kawaii
Debera seguir las siguientes reglas:
-No insultos
-No spam
-Ni peleas
gracias ♥