Hola! soy sunadokei, admin de Aitokawaii. Espero que te guste el blog... aqui encontraras material para tu blog como imagenes, iconos, gifs, divisores etc. Ademas de notas extras de Kpop y Jpop, asi como cosillas asiaticas. Disfruta tu estancia en AITOKAWAII!!
Da click en el nombre de tu manga o anime favoritos para ver sus capitulos y descargarlos. Ten encuenta que este blog no es un fansub asi que en cada uno de los post dedicados al anime bien sus respectivos creditos.
Hola minna sama!! greso con un tutokyaaaaa jajaja espero les sirva y es totalmente original asi que si lo usan dad creditos ne! Para tener un reproductor asi... solo da click en play para que empiece la musiquita!
Esta es la musica que tenia en mi blog de agosto! Si gustas puedes dar click en next o siguiente que es la flechita con una rayita para oir la siguiente cancion!... Como tenerlo?? Aqui como! 1) Ve a Diseño >> Añadir gadget >> HTML y copias el siguiente codigo
<embed src="https://sites.google.com/site/sunadokei1702/aitokawaii.swf?autoplay=false&f0=https://URL DE TU CANCION1.mp3&t0=TITULO DE TU CANCION1&f1=https://URL DE TU CANCION2.mp3&t1=TITULO DE TU CANCION2&f2=https://URL DE TU CANCION3.mp3&t2=TITULO DE TU CANCION3&f3=https://URL DE TU CANCION4.mp3&t3=TITULO DE TU CANCION4&total=4" quality="high" wmode="transparent"width="200" height="10" name="aitokawaii" align="middle" type="application/x-shockwave-flash" /></embed> <span style="color: #351c75; font-size: 11;"><b><a href="http://aitokawaii.blogspot.mx/">By aitokawaii</a></b></span>
Bien ahora explico autoplay=false Es para que se reproduzca solo al dar click en play, pero si deseas que se reproduzca sólito en cuanto tu blog se habrá (Como el mio) en vez de false pon true URL DE TU CANCIÓN aqui ira la url de tu música o canción 1. Si quieres aprender a subir un .mp3 da clic AQUI . Recuerda borrar hasta .mp3 y esta debe empezar con http y terminar con .mp3 TITULO DE TU CANCIÓN es el nombre de tu canción, así aparecerá como se llama la canción que se esta reproduciendo ne! width="200" height="10" Es el tamaño de el reproductor, te recomiendo dejarlo asi para que se vea mejor y de eso se trata de que sea mini xd. En el resto de el codigo donde dice url de tu cancion2, 3 y 4 asi como titulo de tu cancion 2, 3 y 4 los modificas igual que en los pasos anteriores. Para hacer mas cute el repro puedes seguir las sugerencias de annyz AQUIPero para que quede con este reproductor que te acabo de mostar el codigo que guardaras en el HTML sera este
<div id="here"> <div id="music"> <div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; "><br /> <center><center> <embed src="https://sites.google.com/site/sunadokei1702/aitokawaii.swf?autoplay=false&f0=https://URL DE TU CANCION1.mp3&t0=TITULO DE TU CANCION1&f1=https://URL DE TU CANCION2.mp3&t1=TITULO DE TU CANCION2&f2=https://URL DE TU CANCION3.mp3&t2=TITULO DE TU CANCION3&f3=https://URL DE TU CANCION4.mp3&t3=TITULO DE TU CANCION4&total=4" quality="high" wmode="transparent"width="200" height="10" name="aitokawaii" align="middle" type="application/x-shockwave-flash" /></embed> </center></center></div></div> <img src="URL DE TU GIF O IMAGEN"/></div>
Debes seguir las instrucciones deAnnyz para que todo salga bien Visitale ne! Pero solo es por si deseeas que tu reproductor se ve arribita y oculto con gif, Si solo lo quieres en un gadget has los paso que te mencione al principio ne! Espero les haya servido, el repro es super cute pero en lo personal me quedo con el que tengo xd pero es solo una opcion mas para quien quiera uno diferente o mas pequeño. Byebye
[Tutorial] Ten un kawaii reproductor multiple en tu blog
jueves, 16 de agosto de 2012 | 19:40
Hola minna!! Como les va?? Bueno el dia de hoy les traigo por fin otro tutorial... De como poner un cute reproductor multiple en su blog... aqui les va.... x.x
1) Te vas a Diseño>> Añadir Gadget >>HTML Javascript>> y pegas el siguiente codigo
<embed allowscriptaccess="never" flashvars="mp3=http://URL de tu cancion.mp3&autoreplay=1&autostart=1& wmode=" height="145" src="http://blog.roodo.com/forzjean/0ef90faa.swf" type="" width="125" wmode="transparent"></embed>
♥ Este codigo es para este reproductor..
2) Explico los cambios ♪ http://URL de tu cancion.mp3 Aqui va tu URL de tu musica o cancion en formato .mp3! no olvides solo .mp3... DA CLICK AQUI PARA VER COMO SUBIR UN .MP3 ♪ autoreplay=1 Es para que al finalizar la canción o el playlist este vuelva a reproducirse. Si no deseas esto en vez de 1 pon 0 y ya no se repetirá la canción o la lista de canciones. ♪ autostart=1 Es para que automáticamente al abrirse tu blog empiece la música. Si no deseas eso en vez de 1 pon 0 y no se reproducirá automáticamente sino hasta que den click en play. height="145" Altura de tu reproductor width="125" Ancho de tu reproductor. Bien ahora la pregunta importante como hago para que mi reproductor tenga varias canciones?? Pues has lo siguiente
1) Al copiar el codigo, despues de elhttp://URL de tu cancion.mp3 coloca un palito asi | para separar cada cancion. Entonces de quedara asi
http://URL de tu cancion.mp3|http://URL de tu cancion2.mp3|http://URL de tu cancion3.mp3|http://URL de tu cancion4.mp3
2) Al final tu codigo quedara asi
<embed allowscriptaccess="never" flashvars="mp3= http://URL de tu cancion.mp3|http://URL de tu cancion2.mp3|http://URL de tu cancion3.mp3|http://URL de tu cancion4.mp3 &autoreplay=1&autostart=1& wmode=" height="145" src="http://blog.roodo.com/forzjean/0ef90faa.swf" type="" width="125" wmode="transparent"></embed>
Bien aqui te dejo el codigo de otro lindo reproductor
<embed allowscriptaccess="never" flashvars="mp3=http://URL de tu cancion.mp3|http:// URL de tu cancion2.mp3&autoreplay=1&autostart=1& wmode=" height="140" src="http://blog.roodo.com/forzjean/702e4be5.swf" type="" width="142" wmode="transparent"></embed>
5) Abajo pones el nombre de tu sitio. Ej. Aitokawaii
6) Al final pones el catcha y das enter
7) Ahora en la parte de arriba das donde dice MAS y seleccionas Administrar sitio
8) Cuando se habra tu panel de control en la parte izquierda te aparece un listado de actividades da click en Archivos Adjuntos
9) Bien ahora arriba te aparece el boton SUBIR, das click alli
10) Se abrira una ventana alli buscas y seleccionas tu mp3 que deseas subir y......
LISTOOOOO!!! Ya se subio tu .mp3 Tambien puedes subir videos e imagenes. Tambien puedes subir .swf en este lugar para poder subir a tu blog, ademas tambien documentos y XML. De todooooooo
Bien pero como sacar la URL de tu cancion?? Esto es por si deseeas tener un reproductor, pues suele usarse la URL con terminación .mp3 Bien pues te explico
♥ Al subir algo aparecera alli en forma de lista
♥ Das click en Descargar pero con el boton derecho de tu mouse
♥ Se abriran las opciones. En caso de Google Chrome solo seleccionas Copiar direccion de enlace. Me imagina que para otros buscadores debe ser lo mismo xd gomene solo tengo el chrome x.x
♥ Bien ya copiada la URL podemos usarlo. Solo que enla URL despues del .mp3 aparecen mas letras y signos, esos solo los eliminas. Por ejemplo esta url es de una imagen...
Ahora solo desasemos hasta el .png, el resultado es
https://sites.google.com/site/aitokawaii/01.png
♥ Igual sera con la URL de la cancion, te desas de el resto de la URL hasta el .mp3
Eso es todo peques! espero que les sea util este tutorial... pues le servira a quien no sabia como subir .mp3, .swf, que es muy dificil encontrar un servidor GRATUITO que te deje hacerlo x.x
[Tutorial] Como tener un reproductor kawaii con canciones multiples
domingo, 12 de agosto de 2012 | 15:12
Hola!! Con esto del nuevo look algunas tal vez se pregunten como se hace para tener tu reproductos chiquito y a la vez con multiples canciones pues aqui como hacerlo!! 1) Si visita ESTA ENTRADA se te muestra como poner un cute reproductor pero solo es para una sola cancion... asi que para lograr que sean varias canciones y no solo una, Descarga el codigo y abrelo en word. lo copias y lo modificas segun tus gustos sigue las siguientes notas!
width="200" Es el largo del reproductor te sugiero no cambiarla height="20" Es el ancho del reproductor te sugiero no cambiarla #ffb3ff Fondo antes de que el reproductor aparesca. Dura solo unos segundos URL de tu cancion.mp3 va la URL sin el http okis! y debe terminar en .mp3 autoplay. Para que sea autoplay el numero que sigue debe ser 1 y no quiere autoplay, es decir que automáticamente al abrir tu blog empiece la musica el numero que sigue debe ser 0 ffebff Fondo del reproductor ya en curso ffadff Color del control deslizante ff7aff Color del control deslizante pero por arriba, el que se mueve.
ff47ff Color de los botones ff24ff Color de botones al poner mouse. Lo demas no es necesario cambiarlo pues no se vera x.x Bueno espero haya sido de ayuda y si tienen alguna duda o no pueden hacer el reproductor y deseean tener uno yo se los puedo hacer. Solo decirme los colore de fondo y de botones asi como la url de su .mp3! Byebye
Bueno minna para empezar nuestras clases de HTML debemos empezar desde lo mas basico. Asi que la primera plantilla que haremos que en mi parecer es muy facil es como la que yo tengo en The Kawaii Home si es muy simple y veran que le entenderan muy bien. Ademas les explicare para que sirven las cosilla que estan entre estos corchetitos < > Eso deberan saberlo pues es la base de nuestro HTML o CSS que es algo parecido xd.
Bien empecemos!!
1) Bien en nuestra plantilla es super super basico que empiece con un <html> y termone con un </html> Lo cual indica que los codigo que estamos por poner dentro de ambos es HTML osea para visualizar un pagina web o blog.
2) SIEMPRE cuando abrimos < > debe terminar en </ > El / indica que un codigo ha terminado. Y nuestra plantilla se contituira de varios codigos!
3) Bien entonces empezamos... Coloca comando de inicio que es <html> para comenzar a hacer el esquelo de la plantilla.
4) Ahora Que es lo primero que esta en una plantilla de arriba hacia abajo??? Siiiii la Cabecera, para esta escribiremos el comando <head> justo de bajo de <html>
5) Bien ahora algo muy importante es el titulo de tu blog que forma parte de la cabecera. Para esto despues de el comando <head> abajo escribimos <title> que en español significa titulo.
6) Debes tener presente que en HTML es en ingles asi que debes saberlo o bien usar un traductor de PC. Pero no te preocupes que aqui te enseñamos como hacer tu plantilla rapido y sencillo.
7) Bien volviendo al codigo despues de el <title> pondremos nuestro titulo del blog y cerramos con </title>. Ya cerramos nuestro primer codigo de tal forma que nos quede asi:
9) Este código que empieza con <style type> y termina en </style> Bien este codigo no sirve para indicar que el idima que estamos usando de manera informatica es el "text/css" es por eso que al principio dice <style type="text/css"> y despues nos manda a la URL de el navbar, pero como nuestra plantilla que aremos no costa de este solo lo pondremos para darle forma pero al final ni se vera xd.
10) Ahora el div.b-mobile {display:none;} es un codigo para que se vea en el mobile o telefono x.x este codigo debe ir asi vale! no lo modifiquen! y bien asi termina con el </style>. Recuerda si empiezas con <style> debe acabar en </style>. y Por ultimo como nuestra planilla no tiene imagen de cabecera ya cerraremos nuestro <head> con un </head>. Al final tu codigo de inicio quedara asi:
[Tutoriales] Como modificar la barra lateral scrollbar
jueves, 26 de julio de 2012 | 18:48
Bien han notado como se ve la barra scrollbar que esta de lado derecho del blog. Bien ahora esta de color rosa... el nuevo look sera azul.. Pero como hacerlo, aqui les explicare!!
8px >> Ambos deben ser iguales!! Es el tamaño de la barra que no sobrepase del 10px para que no se vea muy grueso.
#F8E0F1 >> Fondo de la barra. Es el color claro.
#FF94F3 >> El color de la barrita que esta adentro que se mueve. Es el color fuerte.
10px >> Los pixeles de el radio.. te recomiendo dejarlo asi!
Solo te recomiendo que juegues con los colores de la barra que uno sea mas claro y otro mas oscuro para que se distingan. Da click AQUI para averiguar el codigo de los colores
6) Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye
[Tutorial] Imagen se aclara o se opaca al pasar el mouse
lunes, 9 de julio de 2012 | 7:25
Bien hoy les traigo un tuto de como hacer para que en su blog se vean las imagenes como la de arriba, si pasas el mouse sobre la imagen como notas se opaca o se transparente un poco. Como lograr eso es lo que hoy te explicare.
Ya me habian pedido este tuto muchisimo pero no lo habia podido hacer por falta de tiempo bueno sigan los pasos.
1) Entras a tu blog, y te vas a Diseño >> Edicion de HTML y le pones Expandir plantillas de artilugios y ahora buscas este codigo:
.img
o
a: img {
2)Y justo abajo pondras este codigo:
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
}
te quedaria algo asi:
.img o a img {
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
}
3) Ahora busca este otro codigo
img:hover
o
a:hover img {
Bien justo de bajo de este codigo pon esto:
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear;
}
Y al final quedaria asi:
img:hover o a:hover img {
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear;
}
4) Puede llegar a suceder que en tu plantilla no venga estos codigos si llegara a suceder solo pega los dos codigos finales, para ello busca la seccion de body { o bien el de /* Content en la plantilla de blogger, y si tienes una plantilla blogskin solo busca donde dice body { y despues de su codigo de body pones los dos codigos.
Se preguntaran que colguijos pues bueno son los que tengo en esta entrada y esta otra Bien son colgantes muy cute para ponerlos has lo siguiente...
1) Te vas a Diseño >> Añadir gadget >> HTML/Javascript >> Y colocas el codigo que venga abajo del llaverito o colgante que deseeas poner en tu blog y das guardar, se vera asi pero con movimiento
[Tutorial] Como hacer un borde a mi titulo del post
lunes, 11 de junio de 2012 | 9:50
Bien, ya notaron que mi plantilla actual tiene un borde en dashed o punteado al rederdor y tiene un fondo lilita?? Bueno para hacer eso hay que hacer lo siguiente... 1) Te vas Diseño o plantilla en la nueva interfaz >>Edición de HTML >> y buscas el codigo
#FFECF5 Color del fondo #000000 Color del bore #C0C0C0 color de sombra. Opcional Si no quieren sombra olo eliminen esa parte. Su codigo quedaria mas o menos asi
background: #FFECF5;
border: 2px dashed #000000;
3) Para los templates blogskin buscaresmos el codigo
border-bottom: el borde de abajo border-top: el borde de arriba border-right: El borde de la derecha border-left: el borde de la izquierda. Pueden modificar el color para cada lado, el mio es #ffffff, el estilo sea dashed o solid y e grosor, el mio es de 2px
background-color: Color del fondo el mio es #FDD9FF, que es morado.
[Tutorial] Como subir un template blogskin a tu blog
| 7:25
Hola!! ahora si les lleno de tutos xd Te vas a Diseño >> Edición de HTML >> Recuperar la plantilla clásica. Bien al dar click alli te saldra un cuadro donde dice que tu plantilla actual se eliminara. Para que eso no ocurra, tengamos una copia de seguridad. Para ello das click en donde dice Descargar plantilla completa y la guardas. Solo es por su las moscas xd. igo por las dudas de que no quede bien el skin.
Ahora aparecera un cuadro asi
dar click para ver mas grande
Bien despues remplazaremos el codigo que aparece en el cuadro por el de nuestro .txt de blogskin y listo! ya quedo tu nueva plantilla!
Para la nueva interfaz de blogger en practicamente lo mismo Plantilla >> Recuperar la plantilla clásica. que esta hasta abajo y listlo, tu cuadro del codigo a modificar esta abajo.
Espero haya sido de ayuda! Recuerden que escucho cualquier duda byebye
Bien no he tenido mucho tiempo pero al menos hoy dejare un tuto xd manana pongo mas vale... Bueno empecemos para subir una plantilla a tu blog, es muy facil solo haz lo siguiente...
Entras a tu blog >> Diseño >> Edicion de HTML >> Carga una plantilla desde un archivo de tu disco duro >> Examinar y subir.
Escojes tu plantilla en formato Documento XML. y das en subir y listo!! queda listo para hacer tu propio diseño en la plantilla
En plantilla antigua
Si tienes la nueva interfaz de blogger haras lo siguiente Diseño >> Plantilla >> Crear copia de seguridad Restablecer y abajo de donde dice Sube una plantilla desde un archivo de tu equipo. Das click en >> Examinar y subir. Por ultimo cierras y listo!
para interfaz nueva
Espero les haya sido de ayuda... manana explicare mas de como subir templates de blogskin o de txt byebye
Sobre el blog Nombre: Aitokawaii En funcion desde el 9 de Enero de 2012 Sunadokei es la admin. Aqui hay Anime, Mangas, Musica kpop, Musica jpop, Imagenes, Tutoriales y Material para tu blog De vez en cuando se hacen concursos
Sobre mi Me llamo sunadokei x.x Amo lo kawaii y el anime Mi grupo favorito Jpop es NEWS y TegoMass. Y Kpop es Boyfriend, CNBLUE, FT Island y SNSD Mi yume es ir a japon o Korea algun dia Mi color favorito es el rosado,o cualquiera que sea claro o partel, se nota no? xd Amo ir de vacaciones y odio las mentiras.
Reglas No copiar mi material o el que colecciono sin el debido permiso. No insultes al comentar. No hacer spam. Dar creditos si tomas algo de Aitokawaii con su permiso. Respeta a los demas y su trabajo.
Por tu visita
Amiguit@s afiliados
Hola! Minna quien desee que se le afilie dejenme un comentarios con su link de su blog para visitarlo y afiliarte! Gracias:)
Hola minna sama!! greso con un tutokyaaaaa jajaja espero les sirva y es totalmente original asi que si lo usan dad creditos ne! Para tener un reproductor asi... solo da click en play para que empiece la musiquita!
Esta es la musica que tenia en mi blog de agosto! Si gustas puedes dar click en next o siguiente que es la flechita con una rayita para oir la siguiente cancion!... Como tenerlo?? Aqui como! 1) Ve a Diseño >> Añadir gadget >> HTML y copias el siguiente codigo
<embed src="https://sites.google.com/site/sunadokei1702/aitokawaii.swf?autoplay=false&f0=https://URL DE TU CANCION1.mp3&t0=TITULO DE TU CANCION1&f1=https://URL DE TU CANCION2.mp3&t1=TITULO DE TU CANCION2&f2=https://URL DE TU CANCION3.mp3&t2=TITULO DE TU CANCION3&f3=https://URL DE TU CANCION4.mp3&t3=TITULO DE TU CANCION4&total=4" quality="high" wmode="transparent"width="200" height="10" name="aitokawaii" align="middle" type="application/x-shockwave-flash" /></embed> <span style="color: #351c75; font-size: 11;"><b><a href="http://aitokawaii.blogspot.mx/">By aitokawaii</a></b></span>
Bien ahora explico autoplay=false Es para que se reproduzca solo al dar click en play, pero si deseas que se reproduzca sólito en cuanto tu blog se habrá (Como el mio) en vez de false pon true URL DE TU CANCIÓN aqui ira la url de tu música o canción 1. Si quieres aprender a subir un .mp3 da clic AQUI . Recuerda borrar hasta .mp3 y esta debe empezar con http y terminar con .mp3 TITULO DE TU CANCIÓN es el nombre de tu canción, así aparecerá como se llama la canción que se esta reproduciendo ne! width="200" height="10" Es el tamaño de el reproductor, te recomiendo dejarlo asi para que se vea mejor y de eso se trata de que sea mini xd. En el resto de el codigo donde dice url de tu cancion2, 3 y 4 asi como titulo de tu cancion 2, 3 y 4 los modificas igual que en los pasos anteriores. Para hacer mas cute el repro puedes seguir las sugerencias de annyz AQUIPero para que quede con este reproductor que te acabo de mostar el codigo que guardaras en el HTML sera este
<div id="here"> <div id="music"> <div style="border:1px solid #eee; width:210px;height:65px;overflow:auto; "><br /> <center><center> <embed src="https://sites.google.com/site/sunadokei1702/aitokawaii.swf?autoplay=false&f0=https://URL DE TU CANCION1.mp3&t0=TITULO DE TU CANCION1&f1=https://URL DE TU CANCION2.mp3&t1=TITULO DE TU CANCION2&f2=https://URL DE TU CANCION3.mp3&t2=TITULO DE TU CANCION3&f3=https://URL DE TU CANCION4.mp3&t3=TITULO DE TU CANCION4&total=4" quality="high" wmode="transparent"width="200" height="10" name="aitokawaii" align="middle" type="application/x-shockwave-flash" /></embed> </center></center></div></div> <img src="URL DE TU GIF O IMAGEN"/></div>
Debes seguir las instrucciones deAnnyz para que todo salga bien Visitale ne! Pero solo es por si deseeas que tu reproductor se ve arribita y oculto con gif, Si solo lo quieres en un gadget has los paso que te mencione al principio ne! Espero les haya servido, el repro es super cute pero en lo personal me quedo con el que tengo xd pero es solo una opcion mas para quien quiera uno diferente o mas pequeño. Byebye
[Tutorial] Ten un kawaii reproductor multiple en tu blog
jueves, 16 de agosto de 2012 | 19:40
Hola minna!! Como les va?? Bueno el dia de hoy les traigo por fin otro tutorial... De como poner un cute reproductor multiple en su blog... aqui les va.... x.x
1) Te vas a Diseño>> Añadir Gadget >>HTML Javascript>> y pegas el siguiente codigo
<embed allowscriptaccess="never" flashvars="mp3=http://URL de tu cancion.mp3&autoreplay=1&autostart=1& wmode=" height="145" src="http://blog.roodo.com/forzjean/0ef90faa.swf" type="" width="125" wmode="transparent"></embed>
♥ Este codigo es para este reproductor..
2) Explico los cambios ♪ http://URL de tu cancion.mp3 Aqui va tu URL de tu musica o cancion en formato .mp3! no olvides solo .mp3... DA CLICK AQUI PARA VER COMO SUBIR UN .MP3 ♪ autoreplay=1 Es para que al finalizar la canción o el playlist este vuelva a reproducirse. Si no deseas esto en vez de 1 pon 0 y ya no se repetirá la canción o la lista de canciones. ♪ autostart=1 Es para que automáticamente al abrirse tu blog empiece la música. Si no deseas eso en vez de 1 pon 0 y no se reproducirá automáticamente sino hasta que den click en play. height="145" Altura de tu reproductor width="125" Ancho de tu reproductor. Bien ahora la pregunta importante como hago para que mi reproductor tenga varias canciones?? Pues has lo siguiente
1) Al copiar el codigo, despues de elhttp://URL de tu cancion.mp3 coloca un palito asi | para separar cada cancion. Entonces de quedara asi
http://URL de tu cancion.mp3|http://URL de tu cancion2.mp3|http://URL de tu cancion3.mp3|http://URL de tu cancion4.mp3
2) Al final tu codigo quedara asi
<embed allowscriptaccess="never" flashvars="mp3= http://URL de tu cancion.mp3|http://URL de tu cancion2.mp3|http://URL de tu cancion3.mp3|http://URL de tu cancion4.mp3 &autoreplay=1&autostart=1& wmode=" height="145" src="http://blog.roodo.com/forzjean/0ef90faa.swf" type="" width="125" wmode="transparent"></embed>
Bien aqui te dejo el codigo de otro lindo reproductor
<embed allowscriptaccess="never" flashvars="mp3=http://URL de tu cancion.mp3|http:// URL de tu cancion2.mp3&autoreplay=1&autostart=1& wmode=" height="140" src="http://blog.roodo.com/forzjean/702e4be5.swf" type="" width="142" wmode="transparent"></embed>
5) Abajo pones el nombre de tu sitio. Ej. Aitokawaii
6) Al final pones el catcha y das enter
7) Ahora en la parte de arriba das donde dice MAS y seleccionas Administrar sitio
8) Cuando se habra tu panel de control en la parte izquierda te aparece un listado de actividades da click en Archivos Adjuntos
9) Bien ahora arriba te aparece el boton SUBIR, das click alli
10) Se abrira una ventana alli buscas y seleccionas tu mp3 que deseas subir y......
LISTOOOOO!!! Ya se subio tu .mp3 Tambien puedes subir videos e imagenes. Tambien puedes subir .swf en este lugar para poder subir a tu blog, ademas tambien documentos y XML. De todooooooo
Bien pero como sacar la URL de tu cancion?? Esto es por si deseeas tener un reproductor, pues suele usarse la URL con terminación .mp3 Bien pues te explico
♥ Al subir algo aparecera alli en forma de lista
♥ Das click en Descargar pero con el boton derecho de tu mouse
♥ Se abriran las opciones. En caso de Google Chrome solo seleccionas Copiar direccion de enlace. Me imagina que para otros buscadores debe ser lo mismo xd gomene solo tengo el chrome x.x
♥ Bien ya copiada la URL podemos usarlo. Solo que enla URL despues del .mp3 aparecen mas letras y signos, esos solo los eliminas. Por ejemplo esta url es de una imagen...
Ahora solo desasemos hasta el .png, el resultado es
https://sites.google.com/site/aitokawaii/01.png
♥ Igual sera con la URL de la cancion, te desas de el resto de la URL hasta el .mp3
Eso es todo peques! espero que les sea util este tutorial... pues le servira a quien no sabia como subir .mp3, .swf, que es muy dificil encontrar un servidor GRATUITO que te deje hacerlo x.x
[Tutorial] Como tener un reproductor kawaii con canciones multiples
domingo, 12 de agosto de 2012 | 15:12
Hola!! Con esto del nuevo look algunas tal vez se pregunten como se hace para tener tu reproductos chiquito y a la vez con multiples canciones pues aqui como hacerlo!! 1) Si visita ESTA ENTRADA se te muestra como poner un cute reproductor pero solo es para una sola cancion... asi que para lograr que sean varias canciones y no solo una, Descarga el codigo y abrelo en word. lo copias y lo modificas segun tus gustos sigue las siguientes notas!
width="200" Es el largo del reproductor te sugiero no cambiarla height="20" Es el ancho del reproductor te sugiero no cambiarla #ffb3ff Fondo antes de que el reproductor aparesca. Dura solo unos segundos URL de tu cancion.mp3 va la URL sin el http okis! y debe terminar en .mp3 autoplay. Para que sea autoplay el numero que sigue debe ser 1 y no quiere autoplay, es decir que automáticamente al abrir tu blog empiece la musica el numero que sigue debe ser 0 ffebff Fondo del reproductor ya en curso ffadff Color del control deslizante ff7aff Color del control deslizante pero por arriba, el que se mueve.
ff47ff Color de los botones ff24ff Color de botones al poner mouse. Lo demas no es necesario cambiarlo pues no se vera x.x Bueno espero haya sido de ayuda y si tienen alguna duda o no pueden hacer el reproductor y deseean tener uno yo se los puedo hacer. Solo decirme los colore de fondo y de botones asi como la url de su .mp3! Byebye
Bueno minna para empezar nuestras clases de HTML debemos empezar desde lo mas basico. Asi que la primera plantilla que haremos que en mi parecer es muy facil es como la que yo tengo en The Kawaii Home si es muy simple y veran que le entenderan muy bien. Ademas les explicare para que sirven las cosilla que estan entre estos corchetitos < > Eso deberan saberlo pues es la base de nuestro HTML o CSS que es algo parecido xd.
Bien empecemos!!
1) Bien en nuestra plantilla es super super basico que empiece con un <html> y termone con un </html> Lo cual indica que los codigo que estamos por poner dentro de ambos es HTML osea para visualizar un pagina web o blog.
2) SIEMPRE cuando abrimos < > debe terminar en </ > El / indica que un codigo ha terminado. Y nuestra plantilla se contituira de varios codigos!
3) Bien entonces empezamos... Coloca comando de inicio que es <html> para comenzar a hacer el esquelo de la plantilla.
4) Ahora Que es lo primero que esta en una plantilla de arriba hacia abajo??? Siiiii la Cabecera, para esta escribiremos el comando <head> justo de bajo de <html>
5) Bien ahora algo muy importante es el titulo de tu blog que forma parte de la cabecera. Para esto despues de el comando <head> abajo escribimos <title> que en español significa titulo.
6) Debes tener presente que en HTML es en ingles asi que debes saberlo o bien usar un traductor de PC. Pero no te preocupes que aqui te enseñamos como hacer tu plantilla rapido y sencillo.
7) Bien volviendo al codigo despues de el <title> pondremos nuestro titulo del blog y cerramos con </title>. Ya cerramos nuestro primer codigo de tal forma que nos quede asi:
9) Este código que empieza con <style type> y termina en </style> Bien este codigo no sirve para indicar que el idima que estamos usando de manera informatica es el "text/css" es por eso que al principio dice <style type="text/css"> y despues nos manda a la URL de el navbar, pero como nuestra plantilla que aremos no costa de este solo lo pondremos para darle forma pero al final ni se vera xd.
10) Ahora el div.b-mobile {display:none;} es un codigo para que se vea en el mobile o telefono x.x este codigo debe ir asi vale! no lo modifiquen! y bien asi termina con el </style>. Recuerda si empiezas con <style> debe acabar en </style>. y Por ultimo como nuestra planilla no tiene imagen de cabecera ya cerraremos nuestro <head> con un </head>. Al final tu codigo de inicio quedara asi:
[Tutoriales] Como modificar la barra lateral scrollbar
jueves, 26 de julio de 2012 | 18:48
Bien han notado como se ve la barra scrollbar que esta de lado derecho del blog. Bien ahora esta de color rosa... el nuevo look sera azul.. Pero como hacerlo, aqui les explicare!!
8px >> Ambos deben ser iguales!! Es el tamaño de la barra que no sobrepase del 10px para que no se vea muy grueso.
#F8E0F1 >> Fondo de la barra. Es el color claro.
#FF94F3 >> El color de la barrita que esta adentro que se mueve. Es el color fuerte.
10px >> Los pixeles de el radio.. te recomiendo dejarlo asi!
Solo te recomiendo que juegues con los colores de la barra que uno sea mas claro y otro mas oscuro para que se distingan. Da click AQUI para averiguar el codigo de los colores
6) Listo!! ya quedo.... si tienen algun problema o una duda decidmela bye
[Tutorial] Imagen se aclara o se opaca al pasar el mouse
lunes, 9 de julio de 2012 | 7:25
Bien hoy les traigo un tuto de como hacer para que en su blog se vean las imagenes como la de arriba, si pasas el mouse sobre la imagen como notas se opaca o se transparente un poco. Como lograr eso es lo que hoy te explicare.
Ya me habian pedido este tuto muchisimo pero no lo habia podido hacer por falta de tiempo bueno sigan los pasos.
1) Entras a tu blog, y te vas a Diseño >> Edicion de HTML y le pones Expandir plantillas de artilugios y ahora buscas este codigo:
.img
o
a: img {
2)Y justo abajo pondras este codigo:
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
}
te quedaria algo asi:
.img o a img {
border: 0px;
opacity: 100;
filter: alpha(opacity=100);
-o-transition: opacity 1.5s linear;
border-radius: 10px;
-webkit-transition: opacity 1.5s linear;
-moz-transition: opacity 1.5s linear;
}
3) Ahora busca este otro codigo
img:hover
o
a:hover img {
Bien justo de bajo de este codigo pon esto:
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear;
}
Y al final quedaria asi:
img:hover o a:hover img {
opacity: .70;
filter: alpha(opacity=100);
-o-transition: opacity 1s linear;
border-radius: 10px;
-webkit-transition: opacity 1s linear;
-moz-transition: opacity 1.5s linear;
}
4) Puede llegar a suceder que en tu plantilla no venga estos codigos si llegara a suceder solo pega los dos codigos finales, para ello busca la seccion de body { o bien el de /* Content en la plantilla de blogger, y si tienes una plantilla blogskin solo busca donde dice body { y despues de su codigo de body pones los dos codigos.
Se preguntaran que colguijos pues bueno son los que tengo en esta entrada y esta otra Bien son colgantes muy cute para ponerlos has lo siguiente...
1) Te vas a Diseño >> Añadir gadget >> HTML/Javascript >> Y colocas el codigo que venga abajo del llaverito o colgante que deseeas poner en tu blog y das guardar, se vera asi pero con movimiento
[Tutorial] Como hacer un borde a mi titulo del post
lunes, 11 de junio de 2012 | 9:50
Bien, ya notaron que mi plantilla actual tiene un borde en dashed o punteado al rederdor y tiene un fondo lilita?? Bueno para hacer eso hay que hacer lo siguiente... 1) Te vas Diseño o plantilla en la nueva interfaz >>Edición de HTML >> y buscas el codigo
#FFECF5 Color del fondo #000000 Color del bore #C0C0C0 color de sombra. Opcional Si no quieren sombra olo eliminen esa parte. Su codigo quedaria mas o menos asi
background: #FFECF5;
border: 2px dashed #000000;
3) Para los templates blogskin buscaresmos el codigo
border-bottom: el borde de abajo border-top: el borde de arriba border-right: El borde de la derecha border-left: el borde de la izquierda. Pueden modificar el color para cada lado, el mio es #ffffff, el estilo sea dashed o solid y e grosor, el mio es de 2px
background-color: Color del fondo el mio es #FDD9FF, que es morado.
[Tutorial] Como subir un template blogskin a tu blog
| 7:25
Hola!! ahora si les lleno de tutos xd Te vas a Diseño >> Edición de HTML >> Recuperar la plantilla clásica. Bien al dar click alli te saldra un cuadro donde dice que tu plantilla actual se eliminara. Para que eso no ocurra, tengamos una copia de seguridad. Para ello das click en donde dice Descargar plantilla completa y la guardas. Solo es por su las moscas xd. igo por las dudas de que no quede bien el skin.
Ahora aparecera un cuadro asi
dar click para ver mas grande
Bien despues remplazaremos el codigo que aparece en el cuadro por el de nuestro .txt de blogskin y listo! ya quedo tu nueva plantilla!
Para la nueva interfaz de blogger en practicamente lo mismo Plantilla >> Recuperar la plantilla clásica. que esta hasta abajo y listlo, tu cuadro del codigo a modificar esta abajo.
Espero haya sido de ayuda! Recuerden que escucho cualquier duda byebye
Bien no he tenido mucho tiempo pero al menos hoy dejare un tuto xd manana pongo mas vale... Bueno empecemos para subir una plantilla a tu blog, es muy facil solo haz lo siguiente...
Entras a tu blog >> Diseño >> Edicion de HTML >> Carga una plantilla desde un archivo de tu disco duro >> Examinar y subir.
Escojes tu plantilla en formato Documento XML. y das en subir y listo!! queda listo para hacer tu propio diseño en la plantilla
En plantilla antigua
Si tienes la nueva interfaz de blogger haras lo siguiente Diseño >> Plantilla >> Crear copia de seguridad Restablecer y abajo de donde dice Sube una plantilla desde un archivo de tu equipo. Das click en >> Examinar y subir. Por ultimo cierras y listo!
para interfaz nueva
Espero les haya sido de ayuda... manana explicare mas de como subir templates de blogskin o de txt byebye
.png "English"){kind=small}
Deseeas anunciar algo de tu blog da click
Cualquier duda o sugerencia hacedmela saber bye
Para la nueva interfaz de blogger en practicamente lo mismo Plantilla 
Escojes tu plantilla en formato Documento XML. y das en subir y listo!! queda listo para hacer tu propio diseño en la plantilla
Nombre: Aitokawaii
Me llamo sunadokei x.x
Amo lo kawaii y el anime
Mi grupo favorito Jpop es NEWS y TegoMass. Y Kpop es Boyfriend, CNBLUE, FT Island y SNSD 
Mi yume es ir a japon o Korea algun dia
Mi color favorito es el rosado,o cualquiera que sea claro o partel, se nota no? xd
Amo ir de vacaciones y odio las mentiras.
No copiar mi material o el que colecciono sin el debido permiso.
No insultes al comentar.
No hacer spam.
Dar creditos si tomas algo de Aitokawaii con su permiso.
Respeta a los demas y su trabajo.
Por tu visita
