2008 Julio 23 « Condesascha’s Weblog

Iconos

Julio 23, 2008 a 10:18 pm (Herramientas)

Enlace donde localizar iconos muy logrados

1 comentario

Abrir enlace en otra ventana

Julio 23, 2008 a 10:12 pm (Editar un blog)

Para que un enlace se abra en una venta nueva:

<a target=”blank” href=”http://www.DIRECCIÓN DEL SITIO.com”>PALABRA QUE ENLAZARÁ AL SITIO</a>

Dejar un comentario

Un reproductor MP3

Julio 23, 2008 a 9:31 pm (Uncategorized)

Informacion obtenida en Ayuda para el blog

1. Hay que descargar este archivo zip aquí y descomprimirlo en nuestro ordenador.
Una vez descomprimido aparecerá la carpeta Flash MP3 Player, dentro hay los siguientes archivos:
a. config.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
-El que empiece automáticamente o no del reproductor cuando se carga el blog.
- La repetición de los archivos, sea uno, todos o que suene toda la lista entera una vez.
- Volumen del reproductor (0 a 100).
- Mostrar o no nuestra lista de reproducción.
- Elegir si los enlaces de la lista de reproducción van a abrirse en nueva página o en la misma.
- Escoger los colores de fondo o una imagen para el reproductor (<jpgfile> </jpgfile>).
Nota: En cuanto a los colores los cambios serian en:
<backcolor> </backcolor>
<frontcolor> </frontcolor>
<lightcolor> </lightcolor>

b. playlist.xml .- En este archivo editaremos con el Bloc de notas o WordPad:
- track: Entre estas dos etiquetas colocamos toda la información que queremos incluir.<track> </track>
- annotation: En esta etiqueta colocaremos el título de la canción.

<annotation> </annotation>
- location: Ruta del archivo del audio mp3. <location> </location>
- info: Pagina web del grupo o artista. <info> </info>
- image: Ruta de la imagen que se mostrará durante la reproducción de la canción. (40×40 hasta 100×100). <imgage> </imgage>
Nota: Excepto las dos primeras etiquetas, las demás son opcionales.

c. mp3player.swf .- Este archivo simplemente tendremos que subirlo a nuestro servidor (hosting), no necesita modificarse.

2. Empecemos a subir los mp3 en Mediamax (Hosting de 25 Gbs de almacenamiento gratuito).
- Se registran (Sign Up), llenan un formulario (nombre, e-mail, etc). Cuando estén registrados les llegara un e-mail para que activen su cuenta y puedan subir sus archivos.
- Activada su cuenta. Clic en Upload para subir los mp3. Después le das clic en View your file manager.
- Para poder copiar la ruta del mp3 tendrán que mover o copiar sus canciones.
Veamos un ejemplo:

Click en la imagen para agrnadarla

- No olvides que la ruta de los mp3 tienes que pegar en el archivo playlist.xml.
Nota: Los mp3 también lo puedes subir en Openomy (ver Dewplayer).

3. Para subir imágenes lo pueden hacer en ImageShack. En este caso pegan la ruta en donde esta la imagen en playlist.xml. Esto es opcional.
4. Después de pegar los mp3 y las imágenes en el playlist.xml, tendran que subir los 3 archivos: config.xml, playlist.xml y mp3player.swf. Estos archivos lo pueden subir en FreeWebTown (Hosting).
El procedimiento es el mismo cuando subes mp3 o imágenes, pero para subir tienes que irte a File Manager.
5. El siguiente código lo pegas en donde tú quieras para que se visualice el Flash Mp3 Player:

Nota: En donde dice:
http://ruta_mp3player.swf
http://ruta_archivo_config.xml
http://ruta_archivo_playlist.xml
Estas 3 rutas tienes que reemplazarlo por los archivos que has subido en el FreeWebTown.
*Puedes cambiar los valores de width y height, según el ancho y alto deseado.

*Correción: (http://ruta_archivo_config.xml&file=http://ruta_archivo_playlist.xml), el signo & es junto.

1 comentario

Distintas imágenes en cabecera, cambiando aleatoriamente

Julio 23, 2008 a 9:27 pm (Uncategorized)

Consiste en una imagen distinta cada vez que entramos al blog.

» Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código después de <body>.

var banner= new Array()

banner[0]=”http://aqui-la-dirección-de-la-imagen”
banner[1]=”http://aqui-la-dirección-de-la-imagen”
banner[2]=”http://aqui-la-dirección-de-la-imagen”
banner[3]=”http://aqui-la-dirección-de-la-imagen”
banner[4]=”http://aqui-la-dirección-de-la-imagen”
var random=Math.round(4*Math.random());

document.write(“<style>”);
document.write(“#header {“);
document.write(‘ background:url(“‘ + banner[random] + ‘”) no-repeat left TOP;’);
document.write(” }”);
document.write(“</style>”);

</script>

- En banner [0], [1], [2], [3], [4] tendrás que agregar la dirección de tu imagen, el cual debe tener un ancho de 660px (pixeles) y un alto de 130px aproximadamente. En todo caso, buscas en la plantilla que estas utilizando, el ancho de la cabecera (header).
Por otro lado, si deseas que más imágenes cambien le agregas más líneas o en caso contrario le quitas.

banner[0]=”http://aqui-la-dirección-de-la-imagen”

- En donde dice: left (izquierdo), le puedes cambiar por center (centro) o right (derecho).

- Prácticamente esto resulta mucho mas fácil con las plantillas Minima, Denim, Scribe y Tic Tac. Con las demás también, pero se tiene que hacer ciertas modificaciones en la cabecera.

- Para que veas el resultado en tu blog presiona F5 de tu teclado y veras que aparecen distintas imágenes en la cabecera.

- Finalmente, si deseas que te ayude mas con las plantillas que se tiene que hacer ciertas modificaciones, me dejas un comentario mencionándome que plantilla usas.

Informacion obtenida de Ayuda para el blog

Dejar un comentario