En Busca del Eterno Retorno - Ayuda Blog

Usando Windows Movie Maker

2008-10-22T20:22:00.001-07:00

El módulo Enseñar y Aprender en Red nos propone actividades en las que podemos poner a prueba nuestra creatividad utilizando el Windows Movie Maker. Intuyendo que la mayoría de los compañeros no conoce mucho acerca de esta herramienta, decidí publicar la información básica sobre la misma y cómo pude utilizarse. Empecemos. Windows Movie Maker es un programa para crear, editar y compartir nuestras propias ediciones de video, imágenes y sonido. Sus funciones básicas son muy fáciles de usar, y presenta efectos y otro tipo de herramientas que ayudan a lograr películas caseras de muy buena calidad y muy elaboradas. Si sos usuarios de Windows, la ventaja es que viene con el paquete básico de instalación, por lo tanto no hay que bajarse ningún programa adicional. Pero claro, que vengan en el paquete de instalación inicial no significa que sean gratuitos ni de código abierto, ¿verdad? Si son usuarios de Linux existen programas como el Open Movie Editor (de código abierto) con herramientas que posibilitan resultados de igual calidad. Para terminar, les dejo un video tutorial que explica lo básico del Movie Maker.

Crear un menú horizontal en la cabecera del blog

2008-08-06T19:24:00.000-07:00

En esta entrada vamos a aprender como colocar un Menú Horizontal Básico en la cabecera de nuestro blog. El proceso se divide en dos partes y aquí va la explicación…

.

Primera Parte:
Trabajamos con nuestra plantilla en HTLM, por eso, lo primero por hacer es GUARDAR una copia de nuestra plantilla y así tener la opción de recuperarla si queremos. Bien, ahora que ya guardamos, insertamos el menú. Desde nuestro PANEL clickeamos en DISEÑO y luego en EDICIÓN DE HTML y allí tildamos la opción Expandir Planillas de Artilugios. Utilizando la combinación de teclas CONTROL+F buscamos lo siguiente: ]]></b:skin>:
Inmediatamente antes pegamos el código que copio a continuación:

#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}
#nav-menu li
{
float: left;
margin: 0 0.15em;
}
#nav-menu li a
{
background: url(http://img410.imageshack.us/img410/9401/cssnavbm2.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 6em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}
/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */
#nav-menu
{
width:30em
}

Luego GUARDAMOS la plantilla.

Segunda Parte

Vamos a DISEÑO y luego a ELEMENTOS DE PÁGINA. Nos muestra la organización de los elementos de nuestro blog. Elegimos Añadir un elemento de página y en la ventana que se abre elegimos la opción Añadir al blog HTML/Javascript. Se va a abrir una nueva ventana, dejamos sin completar el título y en la ventana del contenido copiamos el siguiente código:
<div id="nav-menu">
<ul>
<li><a href="AQUÍ COPIÁS LA DIRECCIÓN DE ENLACE">TÍTULO</a></li>
<li><a href=" AQUÍ COPIÁS LA DIRECCIÓN DE ENLACE "> TÍTULO </a></li>
<li><a href=" AQUÍ COPIÁS LA DIRECCIÓN DE ENLACE "> TÍTULO </a></li>
</ul>
</div>

Ahora GUARDAN. Hasta aquí el Menú nos quedó en un costado, entonces con el Mouse arrastramos el elemento que acabamos de crear hasta la cabecera de nuestro blog, luego vuelven a GUARDAR y así queda creado el menú.

A tener en cuenta
Donde dice AQUÍ COPIÁS LA DIRECCIÓN DE ENLACE, tienen que copiar la dirección donde los va a mandar el botón del menú, por ejemplo: http://www.flacso.org.ar
Donde dice TITULO copian el nombre que va a identificar esa dirección que copiaron, por ejemplo: FLACSO.
En el ejemplo solo coloqué un menú con tres botones. Si necesitan más, sólo tienen que repetir la siguiente línea del código tantas veces como quieran:
<li><a href=" AQUÍ COPIÁS LA DIRECCIÓN DE ENLACE "> TÍTULO </a></li>

Bien, espero que les haya servido, sobre todo a mi compañerita Olga. Ya saben, cualquier problema, me escriben.

.

Música en tu blog (Segunda Parte)

2008-07-25T16:28:00.000-07:00

En la primera parte expliqué como escuchar música en el blog utilizando archivos MP3 alojados en la web. En mi blog uso otro recurso, el Reproductor de Windows Media Player, y la música que se escucha es la de una radio on line. Decidí hacerlo así porque cuando no estoy en mi casa suelo escuchar esa emisora, entonces a través de mi blog me resulta más fácil. Bien, veamos como utilizar este recurso...

Desde el Panel, vamos a DISEÑO, ELEMENTOS DE LA PÁGINA. Nos fijamos en que lugar queremos que aparezca el reproductor, seleccionamos AÑADIR UN ELEMENTO DE PÁGINA y añadimos un elemento HTML / JavaScript. Completamos el título (si queremos) y en la ventana principal copiamos el siguiente código:


<object id="WMPlay" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" width="180" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" viewastext height="45" type="application/x-oleobject">
<param value="

AQUI COLOCAS LA DIRECCIÓN WEB DE LA RADIO O UN LINK A UN ARCHIVO MP3

" name="FileName"/>
<param value="1" name="ShowControls"/>
<param value="0" name="ShowDisplay"/>
<param value="0" name="ShowStatusBar"/>
<param value="0" name="AutoSize"/>
<param value="2" name="DisplaySize"/>

<embed pluginspage="http://www.microsoft.com/isapi/redir.dll?prd=windows;sbp=mediaplayer;ar=Media;sba=Plugin;" autosize="0" filename="AQUI COLOCAS LA DIRECCIÓN WEB DE LA RADIO O UN LINK A UN ARCHIVO MP3" showstatusbar="0" type="application/x-mplayer2" height="45" showdisplay="0" width="180" showcontrols="1" displaysize="0" name="WMPlay">
</embed></object>

GUARDAR y listo, cada vez que alguien entre en el blog, podrá disfrutar la música elegida. Es importante tener que pueden adaptar el tamaño del reproductor. Lo único que deben hacer es ir modificando el parámetro width (ancho), en el código de ejemplo dice width="180". Lo pueden aumentar o disminuir según sus necesidades, vayan probando y viendo como queda. Bien, esto es todo. Y ya saben, las dudas las resolvemos juntos.
.

Música en tu blog (Primera Parte)

2008-07-23T19:54:00.000-07:00

En internet existen diferentes servicios de almacenamiento de canciones que podremos utilizar para colocar música en nuestro blog. Lo primero que debemos hacer subir nuestra canción favorita o buscar en esos lugares la canción que nos gusta. Luego copiamos la dirección del enlace para luego introducirla en el reproductor de nuestro blog. Algunos de esos servicios son: Boomp3 (el cual ya no te permite subir nuevas canciones, pero podés utilizar la de otros usuarios). Otras posibilidades son Fileden o Megaupload. También pueden encontrar la canción que buscan a través de sus buscadores, por ejemplo, en Google pueden hacerlo colocando el siguiente código de búsqueda: intitle:index.of.mp3 beatles -htm -html -php -asp Fíjense de cambiar el nombre del artista que les gusta, en mi caso puse beatles, y cuando encuentran lo que buscan, copian la ruta del enlace.

Colocar el reproductor en nuestro blog.
El primer paso es copiar el código que necesitamos para que aparezca el reproductor en nuestro blog. Desde el Panel, vamos a DISEÑO, ELEMENTOS DE LA PÁGINA. Nos fijamos en que lugar queremos que aparezca el reproductor, seleccionamos AÑADIR UN ELEMENTO DE PÁGINA y añadimos un elemento HTML / JavaScript. Completamos el título (si queremos) y en la ventana principal copiamos el siguiente código:

<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" width="200" height="20">

<param name="movie" value="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" />

</object>

Con el código anterior, el visitante tiene que precionar PLAY para que la canción comience a sonar. Para que el mp3 arranque automáticamente, el código que tienen que copiar es el siguiente:

<object type="application/x-shockwave-flash" data="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://tucancion.mp3&autostart=1&bgcolor=FFFFFF" width="200" height="20">

<param name="movie" value="http://www.estvideo.com/dew/media/dewplayer.swf?mp3=http://tucancion.mp3&bgcolor=FFFFFF" />

</object>

Es importante que en ambos casos coloquen la RUTA DE ENLACE de la canción que eligieron donde dice "http://tucanción.mp3". Bueno, espero que les sirva.

Agrandar las columnas del blog

2008-07-16T19:21:00.000-07:00

Respondiendo a la inquietud de Marta, publico la forma en la cual podemos administrar el tamaño de nuestras columnas. Es bastante sencillo. Debemos trabajar con nuestra plantilla en HTLM, por eso, lo primero por hacer es GUARDAR una copia de nuestra plantilla y así tener la opción de recuperarla si queremos. Para quien no sabe como hacerlo, aquí va la explicación:

En nuestro PANEL del blog vamos a DISEÑO y luego a EDICIÓN DE HTML. Clickeamos sobre DESCARCAR PLANTILLA COMPLETA, y nos va a pedir guardarla en nuestro disco rígido. Le damos un nombre y salvamos para tenerla disponible y SUBIRLA (más adelante veremos cómo) si necesitamos revertir los cambios. (La explicación para subir la plantilla se encuentra en el post: “Empezando por lo básico”)

Bien, ahora que ya guardamos, vamos al tema de las columnas. Desde nuestro PANEL clickeamos en DISEÑO y luego en EDICIÓN DE HTML. Buscamos las líneas que describo más adelante (pueden buscar con CONTROL+F) y cambiamos los números según las intenciones que tengamos para nuestro blog. Fíjense que siempre width nos va a indicar el ancho, ya se de los post, de la columna principal o el ancho total. Como ya guardaron su plantilla, pueden ir probando y viendo como queda usando VISTA PREVIA.

#outer-wrapper {
width:740px;<-----------------Ancho Total
margin:0 auto;
text-align:$startSide;
font: $bodyFont;

#main-wrap1 {
width:485px; <---------------Ancho de los Post
float:$startSide;
background:$mainBgColor url("http://www.blogblog.com/rounders3/corners_main_bot.gif") no-repeat $startSide bottom;
margin:15px 0 0;
padding:0 0 10px;
color:$mainTextColor;
font-size:97%;

#sidebar-wrap {
width:240px; <----------------Ancho de la Columna
float:$endSide;
margin:15px 0 0;
font-size:97%;
line-height:1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */

Bien, espero haberles sido útil. Si tienen alguna duda, no duden en escribirme. Saludos.

Ahora no solo leer, también escuchar el blog

2008-07-13T21:22:00.000-07:00

Hoy les presento un nuevo componente: Sono Webs, una herramienta que le da voz a cualquier entrada que postee en el blog. Es decir que ahora no solo van a poder leer las entradas, sino también escucharlas. El sistema que usa Sono Webs consiste en la creación automática de un archivo de sonido en MP3 de cada entrada publicada. Con un click, el lector podrá acceder a ella en una nueva ventana, y escuchar lo escrito en una voz un poco robótica, pero agradable y perfectamente entendible. El proyecto de Sono Webs nació fundamentalmente dirigido a las personas con problemas visuales, para facilitar su acceso a la gran cantidad de información de la blogosfera. Por lo tanto, cuantas más páginas y blogs utilicen sistemas como éste, más integradas estarán estas personas. Suelo utilizar habitualmente estos programas lectores con mis archivos de libros o documentos y me resultan muy prácticos. En mi reproductor MP4, junto con la música, atesoro libros que me gusta "escuchar" de vez en cuando. Bueno, a quienes les interese incorporar esta herramienta en su blog, esta son las instrucciones.

1º) Entrar en la página de Sono Webs, la dirección es http://www.sonowebs.com/
2º) Clickear en el botón del menú superior que dice Plantilla Bloger
3º) Seleccionar el formato de los reproductores y de la palabra Escuchar, que más nos guste. Definir la alineación y si queremos vincularla a algún Feed (este apartado puede quedar vacío).
4º) Clickear en el botón OBTENER CÓDIGO. Nos redirecciona a otra ventana donde debemos seguir las instrucciones.

ANTES DE SEGUIR, UN TRUCO: Las instrucciones nos dicen que debemos encontrar un elemento en nuestra plantilla HTLM.La mejor forma es clickeando CONTROL + F. Debajo de nuestra ventana se abrirá una barra que dice ENCONTRAR. Copiamos lo que queremos encontrar en el espacio en blanco, y automáticamente lo encuentra. Bien, ahora, sigamos con las instrucciones…

5º) Volvemos a la página de SonoWeb que teníamos abierta. Seleccionamos o pintamos con el mouse todo el código que nos generaron, con el botón derecho elegimos COPIAR / también podemos ir a EDICION y elegimos COPIAR.
6º) Nos paramos antes de la cadena que debíamos encontrar, y con el botón derecho del mouse elegimos PEGAR / o podemos ir a EDICIÓN y elegimos PEGAR.

7º) Guardamos nuestra plantilla, y listo, a disfrutar escuchando la web.

Si tienen alguna duda, no dude en comentarla.
.

Como subir un video al blog

2008-07-12T20:18:00.000-07:00

A veces queremos subir a nuestro blog un video, ya sea de Youtube o de otro sitio web. La pregunta es: ¿cómo lo hacemos? Pegando la dirección que aparece como embeb. Este video explica claramente como tenemos que hacer.

Empezando por lo básico: el template o plantilla

2008-07-12T18:32:00.000-07:00

Template o plantilla es básicamente el conjunto de archivos que contienen de forma prediseñada características que tienen que ver con el formato de página, párrafos, texto, títulos, imágenes, secciones, fondo del blog, cantidad y tipo de columnas, etc. Blogger o Wordpress ofrecen una serie de templates o plantillas predeterminadas, que pueden ser fácilmente personalizadas y modificadas para que se adapten a las necesidades y gustos del usuario. Para elegir una template o plantilla diferente a las predeterminadas mencionadas, se puede buscar en otras páginas web que ofrecen muchos y variados diseños, algunas direcciones son… .

http://btemplates.com/

http://www.geckoandfly.com/blogspot-templates/

http://blogger-templates.blogspot.com/

http://www.pannasmontata-templates.net/templates/blogger-templates-01-10/

Ahora, si nos gusta una de las plantillas que ofrecen, ¿cómo hacemos para usarla en nuestro blog? Es bastante sencillo. El primer consejo, y que tiene que ver con nuestra salud mental: antes de realizar algún cambio al diseño de nuestra plantilla debemos GUARDAR nuestra plantilla tal cual está. ¿Cómo? En nuestro PANEL del blog vamos a DISEÑO y luego a EDICIÓN DE HTML. Clickeamos sobre DESCARCAR PLANTILLA COMPLETA, y nos va a pedir guardarla en nuestro disco rígido. Le damos un nombre y salvamos para tenerla disponible y SUBIRLA (más adelante veremos cómo) si necesitamos revertir los cambios.

Bien, probemos ahora subir una template o plantilla que encontramos en alguna de las direcciones recomendadas. Primero bajamos (download) el archivo y lo guardamos en nuestro disco rígido. Generalmente el archivo está comprimido, así es que para usarlo lo descomprimimos o extraemos con algún programa del tipo WinZip o WinRar. Ahora vamos a nuestro PANEL del blog, luego a DISEÑO, y EDICIÓN DE HTML. En este lugar vamos a encontrar este texto: Carga una plantilla desde un archivo de tu disco duro:, y un botón que dice EXAMINAR. Clickeamos en este último y buscamos en nuestra máquina el archivo de la plantilla que bajamos y descomprimimos. El archivo es del tipo XML. Lo elegimos, y clickeamos en la tecla SUBIR. A veces nos advierte que para cargar la nueva plantilla, deberá suprimir algunos elementos. No se preocupen porque solo cambia el formato, no el contenido. El último paso es GUARDAR PLANTILLA, y listo, ya tenemos el blog con el nuevo diseño. En el caso que no les guste o quieran volver a la plantilla anterior, si fueron siguiendo los pasos, seguramente tienen una copia guardada de su plantilla original, para revertir los cambios. ¿Tienen la copia, verdad…..? Bueno, en otras entradas seguimos con los elementos básicos..

Un buen comienzo: ¿por qué este blogfolio?

2008-07-12T17:35:00.000-07:00

Esta entrada la publiqué originalmente en la página principal del Blogfolio. Hoy la subo aquí porque creo que corresponde a esta sección. La consigna decía: "este blog será a la vez, y a partir de ahora, una propuesta de exploración tecnológica y el espacio de reflexión y producción personal sobre el posgrado que cada uno llevará a lo largo de todo el curso. El blog se irá enriqueciendo periódicamente con las actividades, reflexiones y producciones de los distintos módulos y con otras que ustedes quieran incorporar. De este modo el blog se convertirá en un portafolio digital de trabajo, en un blogfolio." Bien, entonces con esta entrada, y en este sencillo y emotivo acto, doy por inaugurada la bitácora de mi blogfolio. Primero: ¿Qué hay detrás del cambio del diseño del blog?...

…¿Qué hay detrás del cambio del diseño del blog? Cuando comencé la construcción del blog lo primero que busqué fue el diseño, quería que me agradara desde lo visual y que también reflejara de alguna manera quien soy yo (aquí y ahora), para compartirlo con aquellos que lo leyeran. Le dediqué mucho tiempo y esfuerzo, pero fue muy divertido y aprendí mucho. Cuando el entusiasmo inicial fue pasando, y el blog visualmente había quedado casi como lo deseaba, empecé a pensar qué más podía hacer en el blog. Volví a leer las consignas, las intervenciones de los compañeros, sus blogs, y me di cuenta que en toda esta semana había priorizado la estética (relacionada con la forma) por sobre la practicidad (relacionada con los objetivos del blog). Entonces, teniendo como guía los objetivos, modifiqué el formato para que 1º) sea una herramienta para mis objetivos; 2º) agradable a la vista para que resulte más fácil su lectura 3º) categorías organizadas para que el lector no se pierda o confunda 4º) Seguir divirtiéndome con el blog.
Segundo: cuando cambié la planilla busqué que fuera agradable a la vista, así elegí los colores pasteles porque creo que a la mayoría de las personas les agrada o por lo menos no les molesta. Visialmente me gustan los fondos negros u obscuros, pero para leer de la pantalla no son recomendables. Ya me contarán que les parece en sus comentarios. Con el mismo criterio elegí la letra, aunque creo que voy a editar el tamaño porque me parece que está un poco chica. En cuanto a la organización espacial, busqué plantillas que tuvieran tres columnas, la más ancha en el medio, porque me parece que así es más ordenado. Veremos como va funcionando. Con respecto a las etiquetas, me hice un listadito de aquellas que no quiero que falten porque tienen que ver con el objetivo del blogfolio, y aquellas en las que voy reflejando mis gustos, porque también quiero pensar el blog como un espacio de encuentro. Las etiquetas que surgieron hasta ahora son: bitácora del blogfolio; video; web 2.0; textos diplomatura (reflexiones acerca de los textos que vamos leyendo); actividades diplomatura; pensamientos sueltos; tecnología y educación; música; filosofía, historia. Aclaro que estos tres últimos no se bien como van a aparecer, pero no sería yo si en el blog no compartiera el placer que siento por la lírica italiana y el amor por la Filosofía y la Historia. Esta es la razón por la cual no cambié el nombre "En busca del eterno retorno", si bien no dice mucho acerca del blog, está muy relacionado conmigo y no quiero que falte. Para mejorarlos, puse la información en un texto de bienvenida donde cuento los propósitos y objetivos del blog.
Bien, por ahora solo esto. Ya veremos como y por donde va todo esto, porque, como publicaron algunas compañeras, "se hace camino al andar"
.