TUTORIALES PARA LOS SPACES MSN

• Primero debemos acceder a la web que nos permitirá crear el libro. Podemos hacerlo desde el propio libro de visitas de este espacio, con un enlace que se encuentra justo abajo del libro. O directamente entramos en este enlace:

http://www.redfind.com/gb/

• Ya dentro de la web, pinchamos en el enlace Obtén tu libro de visitas aquí. De esta manera entraremos en una página en la que diseñaremos nuestro libro y lo registraremos con nuestros datos.

• Rellenamos las casillas del cuestionario con nuestros datos, asegurándonos de que los datos están correctos (sobretodo la URL de nuestro espacio). También elegimos aquí el diseño que tendrá nuestro libro, tanto el fondo como la combinación de colores de las letras de los mensajes que dejen los visitantes, etc.

• Cuando hayamos terminado de rellenar el cuestionario y de diseñar el libro, pinchamos la casilla Crear página. Entonces recibirás un correo electrónico a la dirección que hayas elegido en el que te ofrecen tanto la URL (dirección del libro) como la clave (password) para acceder a los mensajes privados.
• Por tanto, debemos abrir el correo para obtener la URL de nuestro libro de visitas.

• Por último, para crear un enlace directo hacia el libro desde nuestro espacio, podemos hacerlo mediante una Lista que agreguemos desde el menú Módulos. En la Lista podremos sugerir que los visitantes de tu espacio dejen sus comentarios en el libro o cualquier cosa que se nos ocurra, además de pegar la URL de nuestro libro en la csailla corespondiente, para que el enlace sea correcto.
• Otra manera de crear el enlace sería insertar la URL del llibro en una entrada de blog.

Espero que la explicación haya sido lo suficientemente clara como para que puedas conseguir tu propio libro de visitas para tu espacio sin problemas.

Datrebil, Sevilla, Thu Jan 26 19:23:14 UTC+0100 2006

• Abre tu espacio y lo sitúas en el modo Vista previa.
• Copia este código:

javascript:try{var d=document.all("BlogViewId").getElementsByTagName("div");var i=0;for (i=0;i<d.length;i++) {if (d[i].id.indexOf("entrycns!")==0) void(OpenSection("comment",d[i].id.substr(5)));}}catch(e){}

• Pega el código en la casilla Dirección de la barra de herramientas de tu explorador (en mi caso Microsoft Explorer).
• Hacer clic en la casilla Ir o pulsar Enter. 

Aparecerá entonces, poco a poco, cada sección de Comentarios bajo su entrada de blog.

Para cerrar las ventanas de los comentarios y volver al estado normal del espacio en Vista previa, tienes que repetir el proceso pero pegando, esta vez, el siguiente código:

javascript:try{var d=document.all("BlogViewId").getElementsByTagName("div");var i=0;for (i=0;i<d.length;i++) {if (d[i].id.indexOf("entrycns!")==0) void(Close("comment",d[i].id.substr(5)));}}catch(e){}

Poco a poco las listas musicales se irán poblando de canciones que os ofrecerán la oportunidad de disfrutar mientras visitáis nuestros espacios y de conseguir la URL para colocar la canción que os guste en el Windows Media Player de vuestro espacio.

Esperamos que la estancia en

 XANDER & DATREBIL MUSIC  

sea del agrado de los visitantes y que les sea de utilidad.

 GRACIAS POR LA VISITA. ESPERAMOS QUE VUELVAN. 

• Desde el modo de edición del espacio, pegaremos el siguiente código en la barra Dirección del explorador que usemos y pincharemos en Ir o pulsaremos Enter.

javascript:var l=window.location.href;var p='http://spaces.msn.com/members/';if( l.indexOf(p) != -1 ){ l=l.substring(0+p.length); l=l.substring(0,l.indexOf('/'));Action('addlist','Enter The List Name',new Array('List Name'),null,new Array('128'),p+l+'/PostAcc

• Nos aparecerá una ventana pequeña en la que se puede leer List Name sobre un recuadro en blanco. En ese recuadro escribiremos en nombre de nuestra Lista y pincharemos Aceptar, para memorizar la operación.

• La Lista se habrá creado y sólo quedará situarla donde queramos, tal como cualquier otra Lista.

Cada vez que queramos agegar una nueva Lista seguiremos los mismos pasos, de manera que no sólo tendremos 11 Listas activas sino aquellas que queramos (o nos deje Microsoft, de momento).

El modo de utillización de estos separadores es muy sencillo.

Sólo tenéis que copiar el separador que queráis utilizando el botón derecho de vuestro ratón y seleccionando la acción Copiar.

Y luego dentro de una entrada de blog pegarlo utilizando la herramienta de Pegar que se encuentra en la barra de herramientas de blog.

Y ya está.

A continuación vamos a verá herramienta que sirve parainsertar una imagen enlazada a una página, es decir, se insertará una imagen en la que si hacemos clic sobre ella nos mandará a una página a la cual está enlazada.

Para utilizar el código de esta herramienta, debemos abrir una entrada de blog (agregar entrada).

Pinchamos en la barra de herramientas del blog la casilla HTML y pegamos el código con los datos de la página que queréis enlazar y de la imagen.

Volvéis a pinchar la casilla HTML y, cuando esté listo, publicáis el blog. El código es el siguiente:

<DIV><A href="URL DE LA PÁGINA ENLAZADA"><IMG height=80 src="URL DE LA IMAGEN" width=105 border=0></A></DIV>

Ejemplo:

 Si pinchamos en la imagen del libro nos mandará a la página enlazada, el Libro de Visitas de este espacio. (Si quieres aprovechar y dejar tu firma en el Libro de Visitas, sólo tienes que pinchar la imagen e insertar tu firma, gracias).    

Datrebil, Sevilla, Fri Sep 9 19:23:35 UTC+0200 2005

1. La alojamos cómo muestra el tutorial del enlace de arriba.
2. Una vez subida la canción, nos aparecerá un código que es para utilizarlo en foros. Como éste no nos sirve, pinchamos en la casilla URLs y nos facilitará la URL de la canción que debemos poner en el reproductor. Recordad que es necesario pinchar en la casilla Save del reproductor para que quede memorizada la acción.

Otra forma de conseguir la URL de una canción es a través de una página web que no sea de alojamiento.

Por ejemplo:

http://www.aljama.info/

Esta es una web de un grupo de música sefardí que dispone para sus visitantes la posibilidad de descargar directamente algunas canciones de su repertorio.

Entramos en la sección de Descargas y pinchamos en el icono del altavoz para poder escuchar directamente la canción. Se abrirá por tanto nuestro reproductor para poder oírla.

Entonces, hacemos doble clic sobre el nombre de la canción y pinchamos en Propiedades. Nos saldrá otro cuadro donde nos facilita la ubicación de la canción, es decir, la URL de la misma.

La copiamos y la pegamos en la casilla correspondiente del reproductor de nuestro espacio.

A continuación seleccionamos el video que queremos comprimir y el destino donde vamos a guardarlo. Para ello pinchamos sobre las casillas Browse y seleccionamos correspondientemente lo solicitado.

Por último, seleccionamos el formato al que debemos convertir nuestro video de entre las opciones que se encuentran en la casilla WM Profile. Para que su tamaño sea el idóneo seleccionaremos el siguiente formato:

Windows Media Video 8 for Local Area Network (100Kbps)

Y hecho ésto, pinchamos la casilla Convert Now! para que comience la conversión del video seleccionado.

Al cabo se unos instantes tendremos nuestro video listo para subirlo a un servidor que nos facilite una URL.

Recomiendo esta web de alojamiento de archivos: TheFileBucket. En el tutorial anterior se explica la manera de alojar un archivo en este servidor.

Una vez alojado el video y tengamos la URL del mismo, sólo tenemos que pegarla en la casilla correspondiente del Windows Media PLayer de nuestro espacio y pinchar la casilla Save para guardar la operación.

De esta forma podremos colocar nuestros videos favoritos sin tener que molestarnos en buscarlos en webs donde nos es difícil conseguir la URL necesaria.

Espero que este tutorial os resulte fácil de ejecutar y que os sea muy útil en pro de mejorar vuestros espacios.

Hasta otra. Saludos.

 Datrebil, Sevilla, Sun Oct 23 17:41:27 UTC+0200 2005

Para empezar, accedemos a la página en cuestión, podéis hacerlo desde el enlace de arriba. Y nos registramos tal como explican los  gráficos de abajo. (Si no se ven bien puedes pinchar en los enlaces de debajo para ver las imágenes más grande).

¡¡¡ATENCIÓN!!!

Ya sois varios los que me decís que esta web de alojamiento os da problemas, así que os recomendaré otra que funciona mejor y que permite alojar archivos con mayor tamaño. Algunos ya la conocéis y me habéis hablado de ella. La web es: File Lodge  (Pinchar aquí para entrar en ella).

Su uso es idéntico que en la anterior web. Así pues, puedes seguir los pasos que acontinuación se mencionan.

http://img416.imageshack.us/img416/1139/dibujo16bw.png

 http://img416.imageshack.us/img416/9215/dibujo24jw.png

Una vez os hayáis registrado, la manera de subir los archivos para alojarlos en la web es la siguiente:

http://img362.imageshack.us/img362/8674/dibujo38tj.png

http://img362.imageshack.us/img362/7779/dibujo40mp.png

Cuando el archivo se ha alojado, la web os facilita una página donde os ofrece:

• un código para foros [IMG]
• un código para webs o espacios <img>
• una dirección URLs
• un enlace directo o  link del archivo Links

Dependiendo para qué queréis utilizar el archivo, así debéis elegir el código.

Para utilizar en un blog mediante la tecla HTML, debéis usar el código <img>; si el archivo que habéis subido es para colocarlo en el reproductor Windows Media, necesitáis la URL; y si queréis colocar en el blog un enlace directo del archivo tendréis que utilizar el código Link.

http://img362.imageshack.us/img362/1350/dibujo57ko.png

Espero que haya sido lo suficientemente claro en la explicación y que os sea de ayuda. Si no es así, por favor, hagánmelo saber. Muchas gracias.

Datrebil, Sevilla, Mon Oct 10 17:51:09 UTC+0200 2005

En este blog trataré de poner disposición del que lo desee los códigos de una serie de ventanas o cuadros que sirven para enmarcar o adornar los textos y/o las imágenes.

Su uso es muy sencillo y está basado al igual que la mayoría de los códigos HTML en :

• Abrir una entrada de blog (Agregar entrada).
• Pinchar la casiilla HTML.
• Pegar el código correspondiente.
• Volver a pinchar la casilla HTML
• Por último, publicar la entrada de blog.

VENTANA CON LÍNEA DISCONTINUA

PARA TEXTOS 

<DIV style="BORDER-RIGHT: blue 2pt dashed; BORDER-TOP: blue 2pt dashed; BORDER-LEFT: blue 2pt dashed; BORDER-BOTTOM: blue 2pt dashed">ESCRIBIR AQUÍ EL TEXTO</DIV>

PARA IMÁGENES

<DIV style="BORDER-RIGHT: blue 2pt dashed; BORDER-TOP: blue 2pt dashed; BORDER-LEFT: blue 2pt dashed; BORDER-BOTTOM: blue 2pt dashed"><IMG height=198 src="URL DE LA IMAGEN" width=191 border=0></A></P></DIV>

NOTA:

Como te habrás dado cuenta, se puede cambiar el color de las líneas. Sólo tienes que cambiar el valor del color de los bordes (Border). En el código aparece el color azul (Blue). Para conseguir otro color cambia la palabra Blue por el nombre del color que quieras escrito en inglés.

green=verde, red=rojo, blue=azul, yellow=amarillo, orange=naranja, black=negro, white=blanco, violet=violeta (morado), pink=rosa, beige=beige (marfil), etc.

El grosor de las líneas se puede modificar también. Para ello sólo tienes que incrementarle el valor que sigue al color cuya unidad es pt. (En el código sería 2pt, si quieres más ancha las líneas, prueba con 5pt, por ej.).

VENTANA CON LÍNEA CONTINUA

PARA TEXTOS

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 1px solid; BACKGROUND: white; BORDER-LEFT: black 1px solid; WIDTH: 525px; BORDER-BOTTOM: black 2px solid" align=left><FONT color=#000000>ESCRIBIR AQUÍ EL TEXTO</FONT></DIV>

 PARA IMÁGENES

<DIV style="BORDER-RIGHT: black 2px solid; BORDER-TOP: black 1px solid; BACKGROUND: white; BORDER-LEFT: black 1px solid; WIDTH: 525px; BORDER-BOTTOM: black 2px solid" align=left><IMG height=198 src="URL DE LA IMAGEN" width=191 border=0></A></P></DIV>

NOTA:

Del mismo modo, los valores tanto de color, como de grosor de las líneas se pueden variar al gusto del usuario.

A este código se le une la posibilidad de cambiar el color de fondo del recuadro (BACKGROUND). Sólo tienes que cambiar la palabra white por el nombre en inglés del color que desea usar.

VENTANA CON LÍNEA DE PUNTOS

<IMG style="BORDER:red 6pt dotted" heigth=150 src="URL DE LA IMAGEN" width=200>

NOTA:

La palabra red indica el color de la línea de puntos, si queremos otro color debemos cambiarla por el nombre en inglés del color deseado.

El valor 6pt indica el tamaño de los puntos, si queremos más grosor cambiaremos el valor por otro mayor y si lo queremos menor, lógicamente por otro menor. (Ej.: 8pt sería mayor ------ 3pt, los puntos serían más pequeños).

VENTANA CON DOBLE LÍNEA

<IMG style="BORDER: orange 5.5pt double" height=150 src="URL DE LA IMAGEN" width=200>

NOTA:

Al igual que los otros códigos se pueden cambiar los valores de color de los bordes y el grosor de las líneas.

Se realiza tal como los otros.

• El módulo CUSTOM HTML debe de ir en la parte central del espacio, arriba del todo. (IMPORTANTÍSIMO).
• El Blog debe estar colocado justo debajo del módulo CUSTOM HTML (IMPORTANTE).
• En la parte izquierda del espacio pueden colocar dos o tres listas, las que quieran. Recomiendo poner el Perfil y alguna otra lista como el Album de fotos.
• A la derecha pongan las listas restantes. Serán las que aparezcan fuera del espacio.

Cuarto: Ahora copien uno de estos códigos:

• <div></td></table></DIV>
• </td></table>
  

Quinto: Por útimo, peguen el código en el recuadro blanco del módulo CUSTOM HTML. Y pinchen Save para guardar los cambios realizados.

• Este código puede pegarlo delante del código de una imagen o video que quiera colocar o tenga colocado en el módulo, ya que son compatibles. De esta forma logrará que el blog sea más ancho y podrá colocar una imagen o un video fuera del blog, al mismo tiempo.Tenga en cuenta que este módulo tiene limitado el número de carácteres que se pueden escribir en el recuadro.

 http://img393.imageshack.us/img393/271/cdigoblogancho3ug.png

(Pincha este enlace para ver la imagen más grande)

Ahora sólo queda pinchar en Vista previa de mi espacio y comprueben el resultado.

Datrebil, Sevilla, Tue Sep 20 13:06:30 UTC+0200 2005

• Primero necesitamos la URL (dirección de enlace) de la imagen que queremos colocar como fondo del blog. Para ello debemos subirla a una página de almacenamiento de imágenes, la cual nos facilitará la URL y los códigos HTML para introducirlos en la entrada de blog. La explicación de como ejecutar este paso se encuentra en este link (pincha en el si no sabes como subir las imágenes):