| WwW.KaotiK.ya.s...'s profileミ Spaces Live: trucos y ...BlogLists |  Tools  Help |
|
|
February 20 >>> INSTALAR UN SEGUNDO UNIVERSAL VIDEO PLAYER <<<Si quieres mostrar más de un vídeo en tu space y que se vean siempre, es decir que estén en un módulo o gadget visible (no en una entrada), una buena forma es instalar este gadget.
Recuerda que tambien existe un módulo que es similar a este. Puedes instalarlo siguiendo estos pasos.
Ahora sí, para instalar el módulo, entra en:
Haz clic en "agregar a tu espacio"
 Te pedirá que inicies sesión en tu space si aún no lo has hecho.
Una vez que hayas iniciado sesión, te aparecerá el nuevo gadget listo para instalar.
Haz clic en "instalar accesorio":
 El aspecto del gadget será este:
 Podrás poner vídeos de Soapbox, YouTube, Google, iFilm, Yahoo... Dirígete a una de esas webs, copia el código <embed del vídeo, pégalo en el nuevo gadget y haz clic en "save".
February 17 >>> LISTA DE REPRODUCCIÓN CON REPRODUCTOR FLASH PARA EL GADGET SANDBOX <<<Crea tu lista de reproducción on-line con las canciones que quieras y distintos diseños de reproductores flash.
Tendrás que tener instalado el gadget Sandbox para poder poner esta utilidad en tu space.
Entra en la web:
Elige una de las máscaras para tu reproductor flash. Entre ellas puedes seleccionar un iPod, radiocassette y otros tipos y colores.
Selecciona el que mas te guste haciendo clic en "create":
 Escribe los titulos de las canciones y su URL. Si quieres poner canciones de tu PC, primero deberás subirlas a internet. Puedes seguir este tutorial. Después elige si quieres que empiece a reprducirse automáticamente o no y pulsa en Add MP3s:
 Mueve las canciones para colocarlas en el orden que quieras. Cuando ya tengas la lista organizada, haz clic en "upload my playlist":
 Pulsa en el botón verde "I'm done" para continuar:
 Te dará la opción de registrarte. Recomiendo hacerlo, ya que así podrás modificar cuando quieras tu lista. Escribe tu correo y una contraseña y pulsa en el botón "sign up"
 Copia el código que te aparezca:
 Será similar a este:
<center><embed src="http://www.mp3assets.com/myPod2.swf?myid=1516564&f=2" menu="false" quality="best" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="180" height="380" name="MyFlashFetish.com" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></center><center><a href="http://www.freeflashslideshow.com" target="_blank"><img src="http://75.126.58.224/images/badgemp3player.gif" alt="Myspace Mp3 Player, MySpace MP3 Players, Flash MP3 Players" style="position:absolute; left:0px; top: 88px; z-index:9;" border="0"></a>Check out this <a href="http://www.FreeFlashSlideshow.com">MySpace MP3 Player</a>!</center><br><br>
Quédate con la parte en verde y añade </embed>
Así:
<center><embed src="http://www.mp3assets.com/myPod2.swf?myid=1516564&f=2" menu="false" quality="best" scale="noscale" bgcolor="#ffffff" wmode="transparent" width="180" height="380" name="MyFlashFetish.com" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed></center>
Ahora sí, pega el código en tu gadget Sandbox y pulsa en el botón "save".
Este es el resultado de mi lista de reproducción en flash:
 Elige tu diseño ;)
>>> SUBIR MÚSICA A INTERNET Y COLOCARLA EN TU SPACE <<<Una de las dudas más frecuentes es cómo subir música del PC a internet, para después colocarla en vuestro space, ya sea en una entrada, en el Windows Media Player o En el Gadget Sandbox.
Vamos a resulver este problema.
Entramos en la web:
Hacemos clic en Sing Up para registrarnos. Rellenamos los datos que nos piden, con una cuenta de correo verdadera y pulsamos en "sign up":
 No olvides confirmar el correo que nos han enviado a la cuenta que proporcionamos. Haz clic en el link que aparece para confirmar la cuenta. (si ves que no te llega el e-mail, revisa la bandeja de correo electrónico no deseado, seguramente estará ahí)
 Haz clic en "upload", sube la canción que quieras pulsando en examinar y después clickea en el botón "upload":
 Espera a que termine de subirse la canción:
 Cuando haya acabado de cargarse, haz clic en el link de la canción o en el botón "more options":
 Te aparecerán varios códigos. Copia el correspondiente a "Embed MP3"
 El código será similar a este:
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="340" height="60" id="divmp3" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.divshare.com/flash/divmp3.swf" /><param name="wmode" value="transparent" /><param name="flashVars" value="myFile=http://athena.divshare.com/files/2007/02/16/133473/Cascada_-_A_neverending_dream.mp3&myTitle=Cascada_-_A_nevere...&myLink=http://www.divshare.com/download/133473-ed2"><param name="quality" value="high" /><param name="scale" value="noscale" /><param name="salign" value="lt" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.divshare.com/flash/divmp3.swf" quality="high" scale="noscale" salign="lt" bgcolor="#ffffff" width="340" height="60" name="divmp3" align="middle" allowScriptAccess="sameDomain" wmode="transparent" flashVars="myFile=http://athena.divshare.com/files/2007/02/16/133473/Cascada_-_A_neverending_dream.mp3&myTitle=Cascada_-_A_nevere...&myLink=http://www.divshare.com/download/133473-ed2" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object>
Para colocar la canción en tu space tienes varias opciones:
Pega la sólo la parte en rojo, en el recuadro para la URL y guarda los cambios. (La URL tiene que acabar en .mp3)
Sube varias canciones como indica este tutorial. Obtén sus URL (parte en rojo del código) y sigue los pasos para hacer una lista de reproducción.
Pega la parte en verde. Desde <embed hasta </embed>. Y haz clic en "save"
Abre una entrada. Haz clic en <HTML>. Pega la parte verde del código. Vuelve a hacer clic en <HTML> para ver como queda. Por último publica la entrada.
El aspecto será este:
February 14 >>> BANNER SAN VALENTÍN <<<Con motivo del día de San Valentín, he decidido crear es pequeño tutorial. Podreis crear fácilmente un banner para guardar después en vuestro space o bien colocar en el space. Comenzamos.
Entra en:
Modifica el texto del banner y los colores. Mira lo que significa cada opción en la siguiente imagen:
 Los códigos de los colores los puedes mirar en esta otra web: CÓDIGO DE COLORES.
Haz clic en en botón "generate" para crear el banner.
Guarda el banner en tu PC o si deseas ponerlo en tu space, continua leyendo:
En los códigos que te aparecen en la parte derecha, copia el último (Link to banner).
 Es la URL del banner que acabas de crear. Sustituye esa URL en este código:
<div align=center><IMG src="URL DEL BANNER" border=0></div>
* Las letras en azul, corresponden a la alineación del banner (center = centrada, left = izquierda, right = derecha)
Abre una entrada en tu space, pulsa en <HTML> y pega el código anterior (con la URL del banner ya sustituida). Vuelve a pulsar en <HTML> y ves como queda.
Por último publica la entrada.
February 05 >>> INSTALAR TERCER HTML SANDBOX <<<Si aún no tienes los otros 2 Sandbox, puedes ver como se instalan aquí:
Existe la posibilidad de agregar un tercer gadget HTML Sandbox. Es el Sandbox France. Entra en: http://gallery.live.com/liveItemDetail.aspx?li=4507648a-5da7-4e08-977f-b3881d3fe6c1&l=1
Haz clic en "agregar a tu espacio"
Inicia sesión con tu cuenta si aún no lo has hecho. Si ya iniciaste sesión se abrirá directamente tu space. Te avisará de que un nuevo gadget está listo para instalarse Haz clic en el botón "instalar accesorio"
Mueve el módulo donde quieras y haz clic en "guardar".
En nuevo gadget se habrá instalado en tu space. Su aspecto será este:
Se uso es similar al de los otros 2 HTML Sandbox. Con la diferencia de que éste último está en francés. Pega los códigos en el recuadro y haz clic en el botón "sauver" ("save") para guardar. Para cambiar el código, haz clic en "editez le code" y después vuelve a pulsar en "sauver".
>>> VIDEO PLAYER FOR GOOGLE <<<
Haz clic en el siguiente enlace para instalar el gadget Video Player For Google Agregar Video Player For Google Te pedirá que inicies sesión en tu space. Así que introduce tu cuenta y contraseña y pulsa en aceptar. Una vez en tu space, te avisará que un nuevo gadget está listo para instalar. Haz clic en el botón "instalar accesorio":
Arrastra el nuevo módulo al lugar de tu space donde quieras ponerlo y haz clic en "guardar".
El aspecto del módulo Video Player For Google será este:
En el recuadro pegamos los códigos del vídeo Google que queramos y para guardar, pulsamos en el botón "save".
Para agregar vídeos entra en:
Busca un vídeo para poner en el space:
En la parte derecha del vídeo, haz clic en el botón azul que pone "correo electrónico - blog", deja que cargue y haz clic en "integrar html". Se abrirá el código del vídeo. Cópialo (botón derecho del ratón sobre él y copiar).
Pegamos este código en el gadget Video Player For Google que acabamos de instalar y finalmente pulsamos en el botón "save".
El resultado final será este:
>>> ALMACENAR / ELIMINAR IMÁGENES EN EL BLOG <<<Tenemos la opción de almacenar fotos en nuestro space, no sólo en el álbum de fotos, sino también en cualquier entrada del blog. Abrid una entrada y fijaos en su parte inferior. Tenemos una opción que es "agregar fotos". Pulsa sobre ella para subir imágenes a tu space directamente desde tu pc.
Selecciona la imagen o imágenes que quieras subir y haz clic en "cargar ahora":
Verás que se ha agregado la nueva imagen (o imágenes) si te fijas en la parte inferior de esa entrada.
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Para eliminar la foto o fotos, fíjate que en la parte derecha de cada imagen subida hay una X . Si haces clic sobre ella, podrás eliminar la foto que subiste.
Otras forma de eliminar las fotos almacenadas, sin tener que ir entrada por entrada del blog es ir a "configuración" (en la parte superior derecha del space)
En el menú de la izquierda haz clic en "almacenamiento" y te aparecerán todas las fotos agregadas en tu space hasta el momento. (incluidas las del perfil y álbum de fotos). Selecciona las que quieras borrar y haz clic en "eliminar elementos seleccionados".
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Además de agregar fotos de tu PC y eliminar las que están almacenadas en tu space. Otra opción es crear un link a esa imagen. Es decir, que esa imagen la puedas usar en varios lugares de tu space o incluso en otras webs. En definitiva, averiguar su URL. Para ver su URL o dirección web, ve a la vista previa de tu space y localiza la imagen del blog. Al pasar el puntero del ratón sobre la foto ves que aparece su URL en la parte inferior de tu navegador, como indica la siguiente imagen:
Pulsa sobre la imagen y se abrirá una nueva ventana. La URL aparecerá en la barra de dirección del navegador. Ahora solo tienes que copiarla y podrás usar esta imagen en más lugares.
Recuerda que el código HTML para añadir imágenes es: <IMG height=100 src="URL DE LA IMAGEN" width=100 border=0>
February 04 >>> IMAGEN DE FONDO EN UNA ENTRADA DEL BLOG <<<
>>> VÍDEOS EN FLASH EN UNA ENTRADA DEL BLOG <<<
Si pulsamos sobre ella, veremos que se abre un cuadro donde podemos pegar el código de nuestro vídeo.
Ahora sólo tenemos que buscar un vídeo que nos guste y esté en flash.
* NOTA: Si queremos que el vídeo quede centrado en la entrada del blog, añade: <center> (al principio del código) y </center> (al final del código).
>>> VÍDEOS (NO FLASH) EN UNA ENTRADA DEL BLOG <<<En otro tutorial aprendíamos como poner vídeos en flash incrustados en una entrada del blog. Ahora vemos a ver como añadir cualquier otro vídeo (no flash) a una entrada del blog y que éste empiece a reproducirse automáticamente o bien al pasar el puntero del ratón por encima. Recordad que este tipo de vídeos, ralentizan la carga del space, por lo que no debeis abusar de ellos. Abrimos una entrada del blog. Pulsamos en <HTML> y pegamos este código:
<DIV align=center><IMG style="WIDTH: 200px; HEIGHT: 200px" start=mouseover height=200 alt="Cargando vídeo..." loop=infinite dynsrc="URL DEL VÍDEO" width=200 border=0></DIV>
------------------------------------------------------------------------------------------------------------------------------------------------------------------ En verde, sustituimos la dirección URL del vídeo. WIDTH: 200px; HEIGHT 200px / width=200 height=200 -> ancho (width) y alto (height) del vídeo. Cambia los números en azul por otros inferiores para hacer el vídeo más pequeño o superiores para hacerlo más grande. align=center -> es la alineación del vídeo. Sustitúyelo por: center (centrada), right (derecha) y left (izquierda). alt="Cargando vídeo..." -> texto que aparecerán mientras se carga el vídeo. loop=infinite -> número de veces que se reproducirá el vídeo. Cámbialo por un número o dejalo en "infinite" para que se reproduzca siempre. Es decir, que cuando acabe, volverá de nuevo a reproducirse desde el principio. start=mouseover -> La forma en que comenzará a reproducirse el vídeo. mouseover: al pasar el ratón por encima, autostart: reproducción automática.
Escribimos un título para la entrada y por último la publicamos. Podemos ver antes cómo queda pulsando en "vista previa de la entrada". * NOTA: Las direcciones URL deben terminar en .avi / .wmv / .mpg y otros formatos de vídeo. Si no pones la URL donde se aloja tu vídeo o ésta es un link roto, el vídeo no va a funcionar.
February 03 >>> TEXTO SOBRE UNA IMAGEN <<<Agrega una entrada en el blog.
Haz clic en <HTML> y pega este código:
<div align=center>
<DIV style="WIDTH: 200px; HEIGHT: 200px" align=right> <IMG height="100%" src="URL DE LA IMAGEN" width="100%" align=right> <DIV align=center> <DIV style="FLOAT: right; WIDTH: 100%; HEIGHT: 100%" align=center> <P align=center><FONT face="Times New Roman">TU TEXTO AQUÍ</FONT> </P></DIV></DIV></DIV> </DIV> Modifica en el código:
WIDHT: 200px (ancho de la imagen)
HEIGHT: 200px (alto de la imagen)
En rojo, sustituye la URL DE LA IMAGEN.
En verde, cambia las letras TU TEXTO AQUÍ por el texto que quieras.
PARA MODIFICAR EL TEXTO PUEDES HACERLO HACIENDO 2 CLIC SOBRE LA IMAGEN. PODRÁS CAMBIAR LOS COLORES, TAMAÑO, FUENTE...
Por último publica la entrada.
February 02 >>> CAMBIAR CURSOR DEL RATÓN <<<Si quieres que el puntero del ratón cambie al pasar por encima de un enlace, una imagen o un texto, sigue estos pasos:
Entra en tu space en el modo edición y entra en la entrada que quieras o agrega una nueva.
Pulsa en <HTML> y pega uno de los códigos siguientes:
CAMBIAR EL CURSOR AL PASAR POR ENCIMA DE UNA IMAGEN:
<P style="CURSOR: help" align=center><IMG src="URL DE LA IMAGEN"></P>
CAMBIAR EL CURSOR AL PASAR POR ENCIMA DE UN ENLACE:
<DIV align=center><A style="CURSOR: help" href="URL DEL ENLACE"><FONT face="Geneva, Arial, Sans-serif" color=#00ff00 size=3><STRONG>TEXTO DEL ENLACE</STRONG></FONT></A></DIV>
CAMBIAR EL CURSOR AL PASAR POR ENCIMA DE UN TEXTO:
<DIV align=center>
Cambia las letras en verde por el texto o URL de la imagen o enlace (según indique).
Y las letras en azul cambialas por el tipo de cursor que quieras de los de la siguiente lista: (para ver cada uno, pasa el puntero del ratón por encima)
>>> RELOJ FLASH PARA EL WINDOWS MEDIA PLAYER <<<Primero instala el reproductor Windows Media Player en tu space si aún no lo tienes. Copia la URL del reloj que te guste:
    RELOJ + FECHA:
 OTROS PÁGINAS CON RELOJES EN FLASH:
Pégala en el Windows Media Player y cambia las opciones del reproductor (tal como indica la siguiente imagen):
 Por último haz clic en "guardar". Se abrirá un mensaje indicándote que se ha guardado correctamente:
 El aspecto del reloj será este:
February 01 >>> BOTÓN "VOLVER ARRIBA" AL FINAL DEL BLOG <<<Abre la entrada en la que quieras poner el botón.
Pulsa en <HTML> y al final del código que te aparecerá pega uno de los siguientes:
<P align=center><A href="http://TU_SPACE.spaces.live.com/#top"><IMG alt="Volver arriba" src="http://img476.imageshack.us/img476/2687/volverarriba2va6.gif" border=0></A></P>
<P align=center><A href="http://TU_SPACE.spaces.live.com/#top"><IMG alt="Volver arriba" src="http://img379.imageshack.us/img379/230/volverarriba4se0.gif" border=0></A></P>
<DIV style="FILTER: glow(color=red, strength=20); FONT: bold 20pt sans-serif; WIDTH: 658px; HEIGHT: 51px">
<DIV align=center><FONT face="Arial Black, Geneva, Arial, Sans-serif"><FONT color=#ffffff><A href="http://TU_SPACE.spaces.live.com/#top"><FONT size=5>VOLVER ARRIBA</FONT> </A></FONT></FONT></DIV></DIV> <DIV></DIV>
Las letras en azul son los colores de la sombra (glow) y las letras. Puedes modificarlos. Cambia las letras en rojo por el nombre de tu space. Vuelve a pulsar en <HTML> para ver como queda en la entrada y por último da a publicar para guardar los cambios.
>>> ELIMINAR UN ÁLBUM DE FOTOS <<<Buscamos el módulo "FOTOS" y hacemos clic en su título (como indica la siguiente imagen):
Ahora en la parte izquierda haz clic sobre el álbum que quieras eliminar y pulsa "eliminar álbum":
Te aparecerá un mensaje de aviso, para ver si estas seguro de querer eliminarlo. Haz clic en aceptar y ya está, habrás eliminado el álbum.
>>> REORDENAR LOS ÁLBUMES DE FOTOS <<<Ve al módulo "FOTOS" y fijate en la parte inferior, donde aparece la lista de álbumes. Al pasar el puntero del ratón por encima del recuadro correspondiente a cada álbum, verás que en su parte derecha aparece una pequeña flecha. Pues bien, para mover dicho álbum, pulsa sobre la flechita que aparece y verás como éste se recoloca un puesto más arriba o más abajo. Para aclararlo mejor, aquí os dejo una imagen:
>>> REORDENAR LAS FOTOS DE UN ÁLBUM <<<Elige el álbum en el que deseas empezar a reordenar sus fotos y haz clic sobre él:
Pulsa "modificar":
Pulsa sobre la foto que quieras mover y manteniendo el botón del ratón pulsado, arrástrala hasta donde quieras y suéltala cuando te asegures de donde quieres colocarla:
Para mover varias fotos a la vez, mantén pulsada la tecla CTRL en el teclado y haz clic en todas las fotos que vayas a mover al mismo tiempo. Sin soltar la tecla ni el botón del ratón, arrástralas hacia donde desees y finalmente suéltalas. Cuando hayas hecho los cambios necesarios, haz clic en "guardar y cerrar".
>>> CREAR UN ÁLBUM Y SUBIR FOTOS <<<Una vez agregado este módulo, debemos empezar a agregar álbumes con las fotos que queramos. Hacemos clic en: "agregar"
Escribimos un título para el álbum (si no lo hacemos, automáticamente el título será la fecha de creación del álbum). Hacemos clic en agregar fotos para empezar a subir nuestras imágenes:
En la parte izquierda buscamos la ubicación de las imágenes que vamos a subir. Marcamos la casilla de las que queramos cargar (se pueden subir varias a la vez) y pulsamos en el botón "cargar ahora".
Una vez cargadas las imágenes, escribimos un título (o dejamos la fecha como hemos dicho anteriormente) y pulsamos en "guardar y cerrar":
Podemos cambiar el nombre de la foto: para ello hacemos un clic en las letras que aparecen debajo de cada imagen. borramos lo q pone y escribimos un título nuevo. Si queremos dejarlas sin título, borramos lo que ponga y sin escribir nada pulsamos la tecla intro o enter.
Para crear otro nuevo álbum buscamos de nuevo el módulo y hacemos clic en "modificar":
Pulsamos en "agregar un álbum" en el menú de la izquierda y ahora seguimos el proceso anterior: agregamos fotos, ponemos un título y hacemos clic en "guardar y cerrar". Así con todos los álbumes que queramos añadir.
>>> ÁLBUM DE FOTOS: INSTALACIÓN, ASPECTO Y CARACTERÍSTICAS <<<
Entra en tu espacio, iniciando sesión con tu cuenta. Haz clic en la parte superior derecha, en "personalizar":
A continuación en: módulos >> fotos >> agregar
Mueve el módulo donde quieras colocarlo. Para ello mantenlo pulsado con el ratón y arrástralo por la pantalla hasta el lugar que desees. Finalmente haz clic arriba en la parte derecha en "guardar".
El aspecto será este. Irán pasando las fotos a la velocidad que pongas mediante la barra (más lento, más rápido). Así mismo podrás avanzar y retroceder de una foto a otra y detener la transición cuando te apetezca mediante los botones de la izquierda (pause, stop, retroceder y avanzar) En la parte derecha verás un pequeño botón con una flecha. Si pulsas sobre él, podrás ver las fotos en vista completa. Debajo aparecerán todos los álbumes. Para visualizarlos haz clic sobre el que quieras que se abra. En la parte superior verás que puedes agregar nuevos álbumes pulsando en "agregar" y modificar los que ya existen, haciendo clic en "modificar".
>>> TEXTO AL LADO DE UNA IMAGEN <<<
1. Agregamos una nueva entrada.
2. Hacemos click en <HTML>
3. Pegamos el siguiente código:
Para que la imagen quede alineada en la derecha, el código es el siguiente:
<span style="FLOAT: right"><a href="URL DE LA PÁGINA QUE ABRIRÁS AL DARLE CLICK EN LA IMAGEN">
En width (ancho de la imagen): podemos cambiar el número por otro superior o inferior, dependiendo de la anchura que queramos para nuestra imagen.
En height (alto de la imagen): lo cambiamos igualmente por otro número mayor o menor, en función del tamaño que queramos para la imagen.
Después de sustituir todos los datos en color verde y en azul, podemos dar al botón <HTML> para ver el resultado.
Si queremos que no haya ningun enlace en la imagen, los códigos serán:
IMAGEN ALINEADA EN LA IZQUIERDA: <span style="FLOAT: left"><img alt="TEXTO QUE APARECE AL PASAR EL PUNTERO DEL RATÓN POR ENCIMA DE LA IMAGEN" src="URL DE LA IMAGEN" width=300 height=300></a></span>AQUÍ TU TEXTO<br>
IMAGEN ALINEADA EN LA DERECHA: <span style="FLOAT: right"><img alt="TEXTO QUE APARECE AL PASAR EL PUNTERO DEL RATÓN POR ENCIMA DE LA IMAGEN" src="URL DE LA IMAGEN" width=300 height=300></a></span>AQUÍ TU TEXTO<br>
4. Finalmente publicamos la entrada.
|
|
|
