domingo, 31 de enero de 2010

Presentación

¿QUÉ ES UN BLOG?

Es interesante conocer previamente la herramienta con la que vamos a trabajar. Un blog, también conocido como bitácora, es un sitio Web periódicamente actualizado que recopila cronológicamente textos y artículos de uno o varios autores donde el más reciente aparece primero, con un uso o temática en particular, siempre conservando el autor la libertad de dejar publicado lo que crea pertinente. Además los lectores del blog pueden dejar sus comentarios a los artículos del blog. Al redactor del blog se le conoce como weblogger o blogger.

1. Características.

· Temática elegida por el o los autores.
· Facilidad de creación de contenidos.
· Posibilidad para los lectores de comentar los artículos.

2. Tipos de blogs.

En realidad existen tantos tipos de blogs como se quieran, pero se han dado nombres a algunos a partir de sus temáticas:
· Audioblogs. Dedicados a las galerías de ficheros de audio.
· Fotoblogs. Dedicados a las galerías de imágenes.
· Videoblogs. Dedicados a las galerías de ficheros de video.
· Moblogs. Dedicados a los blogs actualizables desde el teléfono móvil.

3. Partes de un blog.

Los post se dividen en tres partes:
· El título del Bog o cabecera
· El menú lateral, en el que, además de otros posibles elementos, suele aparecer un listado de categorías, para localizar rápidamente post de la misma temática.
· El post, que se comenta a continuación.

4. Estructura de un post.

La estructura de un post puede ser variada, pero suele tener unos apartados comunes como:
· La fecha de publicación del post
· El título del post y la categoría a la que pertence
· El cuerpo del post con la noticia
· Imagen, Vídeo…
· Comentario. En el caso de que el autor del post permita a los usuarios dejar un comentario, aparecerá un enlace para poder hacerlo

sábado, 30 de enero de 2010

Crear un Blog en Blogger


1. Entrar en Blogger.


Lo primero que hay que hacer, es entrar en Blogger. Para ello, tienes dos opciones: Por un lado, desde la página de Google www.google.es accediendo al enlace de Más (ubicado en el menú superior) y haciendo clic en la opción de Todavía Más y en el apartado Comunicar, mostrar y compartir seleccionar Blogger. Y, por otro lado, introduciendo la dirección http://www.blogger.com en tu navegador. Elige la opción que te sea más fácil. La nueva versión de Blogger necesita una cuenta de Google para acceder a tus blogs.

2. Crear una cuenta.

Para crear una cuenta de correo de gmail hay que acceder a esta dirección http://mail.google.com/mail/signup y completar el formulario de inscripción.


3. Asignar un nombre al blog.

Introduce los datos facilitados por el “administrador” (correo de Google y contraseña) y haz clic en el botón de ACCEDER. A continuación, aparecerá un mensaje en el que te informa que aún no eres autor de ningún Blog.
Aparecerá un formulario en el que habrá que rellenar los campos solicitados. En primer lugar, escribir el título del Blog, que seré el nombre que aparezca en el titulo de vuestro blog (1). En segundo lugar, se debe escribir el nombre de la URL , que utilizarán los usuarios para acceder a vuestro blog (2). Anotamos esta dirección ya que, a través de ella, entraremos directamente al contenido de nuestra bitácora. Es recomendable comprobar la disponibilidad, haciendo clic en comprobar la disponibilidad (3).




No entramos en configuración avanzada porque más tarde podremos configurar dichos parámetros. Por ultimo pulsamos el botón CONTINUAR (4).

4. Elegir una plantilla.

A continuación, debes elegir una plantilla o modelo de presentación para tu blog; como puedes ver, hay muchos estilos para elegir, para verlas todas muévete con la barra de desplazamiento vertical. Luego, se puede cambiar, si lo prefieres. Así mismo, si presionamos sobre el link de vista preliminar, vamos a poder ver un ejemplo para poder decidirnos mejor.





Una vez que hayamos elegido el que más nos gusto, apretamos el botón de CONTINUAR. Una vez elegida la plantilla, nos aparece una pantalla que indica que Se ha creado tu blog. Así de sencillo es crear un blog en blogger.




viernes, 29 de enero de 2010

Crear un Post

1. Escribir un post.

Bueno, llegó la hora de comenzar y lo primero que tenéis que hacer es entrar a vuestro blog y crear una nueva entrada, para ello pulsaremos el botón Acceder. Y en la nueva ventana introduciremos la dirección de correo que usamos para crear el blog y la contraseña. En la nueva ventana pulsar el botón NUEVA ENTRADA.
Nos encontramos con una solapa denominada Creación de entradas , con tres opciones: Crear, Editar entradas y Moderar comentarios. Nosotros estamos situados en Crear ; en ella podemos ver un formulario donde deberemos poner él titulo de nuestro post y debajo el artículo que queremos redactar.



El lugar donde se redacta el artículo es un procesador de texto (al estilo “openoffice”) con una barra de herramientas donde podemos:
· Editar el formato (1): tipo y tamaño de texto, negrita, cursiva, color, enlace…
· Corregir ortografía (2).
· Añadir imágenes o videos (3).
· Borrar formato (4).
Por otro lado, tenéis la opción de editar el artículo en formato HTML (5). Una vez redactado el articulo, podemos o bien guardarlo (6) (para editarlo más adelante) presionando el botón de GUARDAR AHORA; o bien publicarlo (7) para que toda la gente que ingrese en vuestro blog, pueda verlo presionando el botón de PUBLICAR ENTRADA.

Al finalizar de publicar el mensaje, llegaremos a una pantalla, donde nos confirma lapublicación del artículo con el siguiente mensaje:

2. Añadir imágenes.

Para añadir imágenes o vídeos en cualquier momento a vuestro post se deben seguir estos sencillos pasos:
Seleccionar la opción elegida foto (1) o vídeo (2).

En la nueva ventana, elegir añadir una imagen (1) o una URL (2). El siguiente paso consiste en escribir la dirección URL o buscar la imagen (3), elegimos la alineación que tendrá dentro del artículo (4) y su tamaño (5), finalizaremos el proceso subiendo la imagen (6).


Durante unos segundos veremos la ventana de carga. Terminamos el proceso haciendo click sobre FINALIZADO.


3. Comentarios a los post.

Muy interesante son las opciones que podemos ver pinchando debajo del editor en “Opciones para entradas y comentarios”. Desde las cuales podemos permitir a otros miembros o a los lectores del blog que publiquen o no sus comentarios (1). Es importante tener en cuenta esta opción para que otras personas puedan opinar y realizar sus reflexiones y comentarios sobre vuestro trabajo. También podéis modificar la fecha y hora de publicación (2).


jueves, 28 de enero de 2010

Administrar y Personalizar nuestro Blog

Ahora supongamos que cerramos el navegador y queremos entrar otro día o en otro momento en la administración de vuestro blog. Recordaros que para visualizar vuestro blog tenéis una dirección como #####.blogspot.com (aquella que se eligió al crear el blog). Para entrar a la administración, lo hacemos desde www.blogger.com introduciendo vuestro nombre de usuario y contraseña.

Desde este panel podemos realizar varias acciones:
· Crear nuevos blogs con el mismo usuario, y así disponer de varios diarios con diferentes temáticas cada uno (1).
· Editar vuestro Blog (2).
· Modificar el perfil de usuario, cambiar la contraseña de acceso, cambiar el idioma e incluso añadir una foto a vuestro perfil (3).
. Una sección de ayuda (4).


1.- Configuración del blog.

1.1. Básico.
En esta pestaña de la configuración disponemos de varias opciones como puede ser cambiarle el nombre a nuestro blog o añadir una descripción del mismo entre otras. La opción más destacada es la posibilidad de eliminar el blog desde aquí.


1.2. Publicación.
La opción de Publicación, sirve para cambiar la URL de nuestro blog; o para agregar nuestro propio dominio registrado.

1.3. Formato.
En esta solapa, podemos definir el formato de muchas opciones dentro de nuestro blog (por ejemplo, el formato de la fecha, hora…). Especificar que las entradas visibles más antiguas se guardan en archivos.

1.4. Comentarios.
Este apartado es muy importante porque es donde podéis configurar cómo interaccionan los lectores del blog con vosotros. Podemos configurar:
· Si se muestran o no los comentarios (1). Elegid que sí se muestren los comentarios para para poder intercambiar ideas y opiniones.
· Quién pueden escribir comentarios a vuestros artículos: sólo los usuarios de
blogger, todos los lectores o sólo los miembros de este blog (2).
· Si los artículos por defecto tienen posibilidad de dejarles comentarios (3). Elegid esta opción.
· Los vínculos de retroceso, más conocidos como trackbacks (4). Os recomendamos activar esta opción.




· Comentarios moderados (1):
* Nunca: Son publicados sin vuestra autorización. Para evitar una carga de trabajo mayor, os recomendamos utilizar esta opción.
* Siempre: Antes de ser publicados, lo recibiréis en el correo para aprobar su publicación.
· Verificación de palabra, contra robots (2).
· Notificación de comentarios, independiente de la moderación, sólo es un aviso con el comentario (3). Os recomendamos incluir en este campo, todas vuestras direcciones de correo para conocer los comentarios que se van añadiendo a vuestro Blog


1.5. Archivo.
A pesar de su nombre (poco descriptivo de su función), la frecuencia de archivo es el intervalo tras el cual se archivan las entradas de su blog. Así podemos guardar automáticamente nuestros post cada mes o cada semana.

1.6. Feed del sitio.
Tendremos las opciones para configurar los RSS de nuestro blog, dejándonos decidir cuánto de cada post queremos que se almacene en los feed.

1.7. Correo electrónico.
Podemos configurar dos tipos de correos, un correo electrónico para recibir las entradas de vuestro blog (1) y otro correo desde el cual, mandándole un correo al mismo, vamos a poder enviar artículos que se publicaran en el blog (2).

1.8. OpenID.
OpenId es un servicio que nos permite, con un solo registro, poder hacerlo en muchísimos sitios web que utilizan éste sistema, con el consiguiente ahorro de tiempo al no tener que rellenar tantos formularios de registro, realmente, un servicio muy útil.

1.9. Permisos.
Desde esta opción, podremos agregar varios autores al blog, permitiendo al resto de centros pertenecientes a la misma constelación la posibilidad de escribir en el blog. Adicionalmente, se pueden definir los permisos de quién va a poder leer nuestro blog. En esta ocasión, es aconsejable elegir la opción de “cualquiera” para que pueda ser público para el resto de usuarios que deseen visitar nuestro blog y participar en él con sus comentarios.

2. Diseño.
Por ultimo y quizás lo más divertido, la tercera pestaña, la cual tiene cuatro menús:

2.1. Elementos de página.
Se puede ver un boceto de cómo es nuestro blog, donde podremos cambiar y acomodar de forma “drag and drop” (o sea, arrastrando las cosas) la fachada de nuestro blog de manera muy simple.

2.2. Fuentes y colores.
Selecciona esta pestaña para poder cambiar los colores de vuestro blog.

2.3. Edición de HTML.
Esta opción se utiliza para editar el código HTML de la plantilla que estamos utilizando; o bien subir alguna plantilla que podamos encontrar en Internet (o que creemos nosotros por nuestra cuenta). Este tema lo desarrollaremos más adelante en posteriores entradas.

2.4. Selección de plantilla nueva.
Esta opción es la misma que teníamos a la hora de crear nuestro blog. Simplemente elegimos alguna plantilla de las disponibles por blogger.

miércoles, 27 de enero de 2010

Instalar nueva plantilla en Blogger

Hay veces que nos aburrimos de la misma plantilla predeterminada que blogger nos ofrece al registrar nuestro blog. Intentaremos explicar sobre como cambiar una plantilla en Blogger fácilmente.

1.- Descargar Plantillas: hay muchas páginas web o galerias, en donde puedes descargar plantillas gratis, de entre los cuales recomiendo:

http://btemplates.com/
http://www.templates-blogger.com/
http://www.eblogtemplates.com/blogger/

Elegimos la plantilla seleccionada y la descargamos y la descomprimimos.

2.- Instalando la Plantilla: Para instalar una nueva plantilla en tu blog de blogger, lo primero que tienes que hacer es iniciar sesión en tu cuenta de Blogger.com.

- Ahora te tienes que dirigir a la sección de diseño, seguidamente tienes que dar clic en la pestaña de Edición de HTML.



Edición HTML

- Para evitar posibles errores que luego pueden costar tu plantilla, guardamos o descargamos la plantilla completa, para poder prevenir errores que se puedan producir al intentar cambiar de plantilla, así que le damos clic en Descargar plantilla completa y la guardamos en alguna carpeta de nuestro PC.



Plantilla de Seguridad

- Después de haber asegurado y guardado nuestra plantilla de seguridad anterior, estamos listo para poder instalar nuestra nueva plantilla, así que damos clic en examinar si tenemos lista nuestra plantilla a subir en disco duro y posteriormente le damos a subir para que el código se descargue automáticamente en blogger.

NOTA: Para subir la plantilla a blogger el archivo no debe de estar en una carpeta comprimida, sino en un archivo suelto del tipo .xml



Examinar Plantilla
- Guardamos plantilla y listo.

Guardar Plantilla

martes, 26 de enero de 2010

Publicar galerías de Picasa en Blogger

En este apartado vamos a explicar como se pueden publicar galerias de picasa en blogger. En primer lugar diferenciaremos ya que existen diferentes lugares donde publicar una galería de fotos en blogger. Lo podemos hacer como una entrada de blog que es lo que vamos a hacer en este caso, o también podemos publicarlas en los llamados gadget que se encuentran en el diseño de nuestro de nuestro blog dependiendo de la plantilla que hayamos seleccionado, pero eso es algo que veremos más adelante.

Lo primero es acceder a picasa y crear nuestra galeria de fotos. Para ello accedemos a la web http://picasaweb.google.es e introducimos nuestro usuario y contraseña de gmail o de blogger.


A continuación seleccionamos el album de fotos que queremos insertar en blogger, evidentemente a la hora de crearlo debemos de hacer que sea Público para que todo el mundo pueda ver las fotos.
Nos fijamos en la parte derecha de la pantalla que aparece Enlazar a este album y vemos como se despliegan más opciones.

A continuación hacemos click en Incrustar proyección de diapositivas


Como podemos observar se abre una nueva ventana, es interesante fijarse en el tamaño de nuestra presentación de diapositivas que como vemos es algo que se puede modificar. Además aparece un código en un cuadro con el fondo amarillo, una vez selecionado el tamaño copiamos ese código.

El último paso es irnos a blogger a la entrada que queremos publicar, en la parte superior de la ventana donde editamos nuestra entrada seleccionamos Edición en HTML y es hay donde pegamos el código que previamente hemos copiado.


El resultado deberia de ser algo como esto, os dejo diferentes tamaños para que veais como queda.






lunes, 25 de enero de 2010

Publicar galerías de Flickr en Blogger

A continuación lo que vamos a ver es como publicar nuestra galería de fotos de Flickr en nuestro blog. Al igual que con las galerías de Picasa, lo podemos hacer en las entradas del blog que es el caso que vamos a ver ahora o en los llamados gadget que se encuentran en el diseño de nuestro blog.
El primer paso es acceder a nuestra cuenta de Flickr que previamente hemos creado en la web http://www.flickr.com/ e iniciamos sesión con nuestro usuario y contraseña de yahoo.



Si no tenemos cuenta en yahoo hacemos click sobre Crear cuenta y nos registramos. Después de este paso, alojar nuestras fotos y crear un album, seleccionamos el album de fotos que queremos insertar en blogger, evidentemente a la hora de crearlo debemos de hacer que sea Público para que todo el mundo pueda ver las fotos.
Nos fijamos en la parte derecha de la pantalla que aparece Presentación.




Hacemos click en Compartir y más abajo nos aparece el código Seleccionar el código HTML, si nos fijamos debajo nos aparece personalizar el código HTML lo que nos va a permitir cambiar el tamaño con el que se viasualiza el album de fotos en nuestro blog.




El último paso es irnos a blogger a la entrada que queremos publicar, en la parte superior de la ventana donde editamos nuestra entrada seleccionamos Edición en HTML y es hay donde pegamos el código que previamente hemos copiado, al igual que haciamos con las galerias de Picasa en el post anterior.

El resultado deberia de ser algo como esto, os dejo diferentes tamaños para que veais como queda.





domingo, 24 de enero de 2010

Publicar videos de YouTube en Blogger

En esta entrada vamos a ver como se puede insertar un video de YouTube en Blogger para poder visualizarlo en una de las entradas de nuestro blog. En primer lugar debemos de seleccionar el video que queremos publicar que previamente debe de estar alojado en http://www.youtube.com.
Para este ejemplo voy a usar un video de mi pueblo.

A continuación podemos ver debajo de la ventana de nuestro video un recuadro donde aparece la palabra insertar (1).

Se desplegarán las opciones tal y como aparece en la imagen. El siguiente paso es seleccionar y copiar todo el código embed (2), podemos añadirle un borde con un color personalizado, para ello marcamos la segunda casilla Mostrar Borde (3), por último seleccionamos el tamaño con el que vamos a visualizar nuestro video. Si cambiamos alguna de estas opciones debemos de volver a copiar el código embed ya que este se modificará.

El último paso es irnos a blogger a la entrada que queremos publicar, en la parte superior de la ventana donde editamos nuestra entrada seleccionamos Edición en HTML y es hay donde pegamos el código que previamente hemos copiado, igual que explicamos en las entradas anteriores al insertar galerias de imagenes.

Al final quedará algo como esto:



Otras opciones para almacenar nuestros videos o para realizar búsquedas de videos para visualizarlos en nuestro blog pueden ser:

http://vimeo.com/
http://blip.tv/
http://www.teachertube.com/

En todas el proceso es el mismo, buscar el código embed y en la pestaña Edición de HTML lo pegamos en el lugar que queramos que se visualize nuestro video.

sábado, 23 de enero de 2010

Ventanas con IFRAME

La etiqueta IFRAME permite insertar una ventana (un marco) dentro de la misma ventana donde puede incluirse un objeto externo, incluyendo otro documento HTML.




donde los atributos son:
align=[top|middle|bottom|left|right] alineamiento
class=valor clase de estilo
frameborder=[0|1] bordes al marco (NO,SI)
id=valor nombre único
height=valor alto en pixeles
longdesc=url descripción larga
marginheight=valor alto del margen (en pixeles)
marginwidth=valor ancho del margen (en pixeles)
name=texto nombre destino del marco
scrolling=[yes|no|auto] barras de desplazamiento
src=url dirección del contenido
style=definiciones reglas de estilo
title=texto herramienta de ayuda
width=valor ancho (en pixeles)
Un ejemplo típico:





El uso de IFRAME no parece muy extendido entre los usuarios, pero tiene algunas ventajas, por ejemplo, se pueden crear secciones en las que se inserte contenido de otras páginas, como se puede ver en el siguiente ejemplo.