Blogger es una plataforma gratuita que fue creada en 1999 por la compañía Pyra Labs. Ésta fue comprada por Google en 2003.

Un blog es una página web que puede ser actualizada por el propio editor sin necesidad de grandes conocimientos de programación. Podemos introducir textos, imágenes y vídeos. Una vez publicados aparecen ordenados cronológicamente. La última entrada o post se sitúa la primera, desplazando hacia abajo la anterior.

1. Abrir una cuenta en Blogger.

Crearemos una cuenta de correo en Gmail que nos dará acceso a todos los servicios de Google. A continuación tecleamos la dirección de Blogger: blogger.com para dar de alta la cuenta en el servicio y comenzar a crear el blog. Pulsamos en Añadir blog y rellenamos lo siguiente:

  • Escribimos un título.
  • Escribimos una dirección.
  • Escogemos la plantilla simple y pulsamos en crear blog.
  • A continuación pulsamos en crear una nueva entrada. El nombre de esta entrada será Bienvenida. En ella escribiremos una presentación del tema. A continuación pulsamos en Publicar.

2. Escritorio

El escritorio es nuestro punto de inicio. Aquí tenemos una lista de todos nuestros blogs. Si hacemos clic en el icono de un blog, podemos realizar operaciones con él tales como:

  • Escribir una nueva entrada.
– Hacemos clic en el icono naranja del lápiz para redactar una entrada nueva y, a continuación, escribimos algo que queramos compartir.
– A continuación, se abrirá la página del editor de entradas. Escribimos un título para nuestra entrada (es opcional) y luego la redactamos:
Entrada nueva
– Cuando terminemos, hacemos clic en el botón Vista previa (encima de la entrada) para revisarla. Cuando consideremos que está lista, hacemos clic en el botón Publicar.
  • Ver tus entradas: el icono de la lista de entradas gris nos llevará a una lista de entradas publicadas y redactadas para un blog determinado.
  • Ponerte al día de tus blogs favoritos: debajo de la lista de nuestros propios blogs, veremos una lista de los blogs que seguimos con un resumen de sus últimas entradas.
  • Todo lo demás: utilizamos el menú desplegable junto al icono de la lista de entradas para enlazar rápidamente a:
    • Visión general
    • Entradas
    • Páginas
    • Comentarios
    • Estadísticas
    • Ingresos
    • Diseño
    • Plantilla
    • Configuración

Hay que tener en cuenta que la pestaña Ingresos solo se mostrará si AdSense está disponible para tu idioma.

3. Visión general

Descripción general

En la pestaña Visión general, puedes ver la actividad de tu blog, las novedades y sugerencias del equipo de Blogger, así como los blogs importantes más recientes.

4. Personalizar el blog desde una plantilla

Entramos en blogger.com con nuestra cuenta de usuario, a la derecha del nombre del blog pulsamos en el segundo botón y escogemos Plantilla. Aparecerán dos recuadros, el de la izquierda muestra la página tal como se ve en el navegador y a la derecha la versión para móviles y tabletas.

Para cambiar el aspecto del blog hacemos clic en Personalizar. Aparecen las siguientes opciones:

  • Plantillas:
    • Podemos escoger una de ellas y pulsamos en «Aplicar al blog».
    • También es posible subir plantillas creadas por otros usuarios. En las páginas siguientes tenemos suficiente diversidad: (btemplates.com – blogandweb.com/templates-blogger). Descargamos la plantilla y obtendremos un archivo con extensión xml. En el escritorio de nuestro blog accedemos a la opción Plantilla, escogemos «Crear copia de seguridad/Restablecer» y desde aquí subimos el archivo xml. Si quieres editar el HTML de tu blog, solo tienes que hacer clic en el botón gris Editar HTML.
  • Fondo: para cambiar el color de fondo.
  • Ajustar ancho: se puede cambiar el ancho que tendrá el cuerpo central del blog, destinado a la publicación de los artículos, y de la barra lateral, donde se ubicarán los enlaces  y los complementos que añadiremos al blog.
  • Diseño: Para cambiar la forma y el estilo del blog. Si cambiamos el diseño debemos reajustar el ancho de nuevo.
  • Avanzado: para restablecer valores tales como el color de los  tipos de letra, el color de las palabras resaltadas como enlaces, fondos, tipografía del título…

5. Añadir complementos básicos al blog

En la barra lateral aparecen todos los widgets o complementos que se van incorporando al blog. Al crear el blog sólo aparecen dos: el archivo de posts (por meses) y otro que enlaza con la página del perfil del creador del blog. Para añadir más widgets hacemos click en Diseño. Aparece un esquema del blog con los distintos apartados que tiene:

  • Favicon: (en ingles Favorites icon) es una pequeña imagen o icono que aparece al lado de la URL (o barra de direcciones) del sitio en el navegador.
    Básicamente sirve para identificar fácilmente los sitios en nuestra  lista de marcadores, en los historiales de sitios visitados o en las páginas que hayamos visitado recientemente.
    Es aconsejable añadir uno, la imagen debe ser cuadrada y tener un tamaño máximo de 100 KB.
    Para cambiarla se hace click en el botón Editar.  Ya con la imagen lista pasamos a convertir esa imagen a un Favicon, para esto solo ingresamos a www.favicon.co.uk  allí presionamos examinar para subir el diseño, luego presionamos “Generate Favicon” las medida puede ser de 32 x 32 que está por defecto o podemos usar tambien la de 16 x 16. Ya terminado el Favicon lo descargamos a nuestro ordenador donde dice “Download Your Favicon Here«.
    Un dato importante, puede que el Favicon no aparezca al instante y pueda tardar desde horas hasta un par de días. También podremos crear un favicon en la página favicon.cc. También podemos diseñarlos en http://pixlr.com que es un editor de fotos o imágenes online y luego subirlos a favicon.co.uk
  • Barra de navegación: al pulsar en Editar nos permite cambiar el color de la barra que hay en la parte superior del blog.
  • Cabecera: por defecto, Blogger añade el título que se ha puesto en el mismo momento de su creación. Se puede modificar el nombre, añadir una descripción del contenido o sustituirlo todo por una imagen.
  • Entradas del blog: es el cuerpo principal del blog. También se pueden editar sus características. Cambiar el número de entradas a 4, como texto del enlace escribir «Leer más». En el resto de posibilidades podremos seleccionar lo que creamos oportuno.
  • La barra lateral: para situar los complementos que creamos necesarios
  • Las barras inferiores: funcionan igual que las barras laterales.
  • Atributtion: indica el copyright o la autoría de la plantilla que se está utilizando.

6. Los Widgets y la barra lateral

Blogger pone a disposición del usuario una gran cantidad de aplicaciones que se pueden añadir al mismo. Sirven para mostrar el número de visitas, enlazar con servicios de imágenes o vídeos, mostrar enlaces con otros blogs de interés del autor… a todo esto se le llama widgets o gadgets y se suelen encontrar en la barra lateral.

Pulsando en Diseño, en la parte superior aparece un cuadro donde se lee Añadir un Gadget. Al hacer click se abre una ventana nueva. Se mostrarán los principales gadgets disponibles para añadir a la barra lateral. Se seleccionan haciendo click en el icono o sobre el símbolo +

Las más importantes son:

  • Botón +1 Es el botón de la red social Google +. Si lo seleccionamos quedará instalado en la barra lateral y no enlazará en la red social con una entrada concreta, sino con el blog al completo.
  • Seguidores de Google +. Destaca tu audiencia total de Google+  y ofrece a las personas que te visitan la oportunidad de seguirte en Google+.
  • Insignia de Google + Conecta con Google + pero permite la interacción de otros visitantes con la cuenta de la red social del usuario.
  • Seguir por correo electrónico. Al activar este gadget, se instala en la barra lateral un cuadro de texto donde el visitante puede escribir su correo electrónico, de manera que cada una de las posteriores actualizaciones del blog irá directa a su correo electrónico.
  • Entradas populares: con esta aplicación, se detectan los posts que han recibido más visitas y estos aparecen destacados en la barra lateral.
  • Estadísticas del blog: permite llevar un control de las visitas que recibe el blog, de manera visible para los visitantes y el editor.
  • Páginas: si se han creado páginas esta aplicación permite mostrarlas en la barra lateral o la superior.
  • Cuadro de búsqueda: se crea un cuadro de búsqueda en la barra lateral. Es útil para acceder a un determinado artículo en el blog y acceder a él de manera rápida y efectiva.
  • HTML/Javascript: aceptándolo se puede añadir un nuevo widget de otro sitio web, copiando en su origen el código y pegándolo en el cuadro de diálogo correspondiente. Ir a la página http://www.clocklink.com/ e insertar un reloj.
  • Texto: permite añadir un texto en la barra lateral. Añadir un mensaje de bienvenida.
  • Imagen: permite añadir una imagen desde el ordenador o una dirección URL. Si la imagen desapareciera de la URL, también lo haría la imagen del blog. Como práctica insertar una imagen que buscaremos previamente en internet.
  • Presentación: muestra una selección de fotografías desde un servicio de imágenes como Picasa o Flickr. Se configura utilizando una palabra clave. Probar con el servicio de Picasa.
  • Barra de vídeo: aparecerán una serie de vídeos directamente desde Youtube. Se puede configurar para que se vean los vídeos más populares del momento, los más valorados o los últimos que se han subido, los de un canal determinado o los que contengan las palabras clave que se deseen buscar.
  • Encuesta: añade una encuesta para que los usuarios del blog puedan dar su opinión sobre la cuestión que se les plantee.
  • Lista de blogs: aquí se pueden añadir los blogs que se visitan con más frecuencia. Se puede añadir un título y se pueden organizar por orden alfabético o por fecha de actualización. Para añadir blogs a esta lista, se ha de hacer clic en «Añadir un blog a tu lista».
  • Lista de enlaces: se diferencia de la anterior en que no aparecen elementos de los enlaces.
  • Feed: es un elemento que enlaza directamente con el sitio y se puede leer desde otro lugar. Acceder al sitio muyinteresante.es. En la parte inferior hacer click en RSS. En la página que se abre copiar la dirección y pegarla en URL del feed.
  • Actualidad: se instala en la barra lateral un gadget que permite acceder a los principales titulares de Google News.
  • Etiquetas: también se llaman tags. Son palabras que se añaden cuando se publica un artículo o post en el blog para mostrar a los buscadores el tema o el contenido del mismo.
  • Enlaces de subscripción: un cuadro de texto invita al lector a suscribirse al feed del blog, de manera que pueda leer en su lector de feeds todas las actualizaciones del blog.
  • Archivo del blog: permite al visitante navegar cronológicamente por todas las entradas del blog.

En la vista de diseño cada widget está en un rectángulo independiente, podremos mover cada uno de ellos: hacemos click sobre uno de ellos y lo arrastramos hasta el espacio en el que lo queramos situar.

Existen otro tipo de widgets:  Más gadgets

También podemos obtener gadgets desde otras páginas web. Por ejemplo statcounter.com:

  1. Accedemos a la web, pulsamos en signup y creamos una cuenta gratuita.
  2. Añadiremos la dirección de nuestro blog para que el sistema lo reconozca.
  3. Configuramos el contador a nuestro gusto.
  4. Hemos de copiar el código que pegaremos en el blog.
  5. Añadiremos el gadget en la barra lateral utilizando HTML/Javascript.

7. Crear entradas en el blog

Para crear una entrada accedemos a la opción entradas y escogemos Añadir nueva. Tendremos que escribir un título para la entrada y el texto de la misma. El título ha de estar relacionado con el tema y escrito de manera clara y concisa.  En la parte derecha aparecen los siguientes botones:

  1. Publicar: permite que el post o artículo se publique en el blog. Lo podemos rectificar tantas veces como queramos.
  2. Guardar: el artículo se guardará en el apartado de borradores y no se publica en la página principal del blog. Lo podremos terminar posteriormente y publicarlo.
  3. Vista previa: se abrirá una nueva ventana en la que se puede comprobar el aspecto final del post.

Hay dos formas de introducir el texto, el modo Redactar o el modo HTML. En modo Redactar aparecen los botones: deshacer, rehacer, fuente (la predeterminada es Arial), tamaño, menú de estilo, negrita, cursiva, subrayado, tachado (se utiliza para resaltar una idea que se ha desechado y sustituido por otra frase), color de caracteres, color de fondo del texto, enlace, subir imagen, subir vídeos, salto de página (para no sobrecargar la página principal cortando el post), alineación, lista numerada, lista con viñetas, cita (indica que el texto es una copia literal de otro), eliminar el formato, comprobar la ortografía.

En el modo HTML se utilizan los códigos HTML:

  • B: negrita. Aparecen las etiquetas <b> y </b>, entre ellas el texto irá en negrita.
  • I: cursiva. Aparecen las etiquetas <i> y </i> , entre ellas el texto irá en cursiva.
  • Tachar. Aparecen las etiquetas <strike> y </strike>
  • Enlace.

8. Insertar imágenes.

Para subir la imagen se ha de hacer clic en el botón Subir Imagen que está representado por un icono de una fotografía. La ventana que se abre a continuación tiene un botón llamado Elegir Imagen y se ha de hacer clic en el. Aparecerá una ventana y localizaremos la imagen deseada. Si queremos podremos cambiar el nombre de la imagen antes de subirla. Una vez subida la seleccionaremos haciendo doble clic sobre ella. Se verá enmarcada en un color azul, entonces haremos clic en el botón «Añadir las imágenes seleccionadas».

Por defecto se situará centrada. Si hacemos clic aparecerá debajo un menú con diversas funciones:

  • Tamaño de la imagen: pequeño, mediano, grande y extragrande.
  • Alineación: centrada, alineada a la derecha o a la izquierda.
  • Añadir leyenda: para añadir un pie de foto en la imagen.
  • Propiedades.
  • Eliminar.

También puedes publicar imágenes en tu blog con el dispositivo móvil, el software de fotos gratuito de Google Picasa o con un servicio de terceros como Flickr

9. Insertar un vídeo.

Se puede añadir directamente haciendo clic en el botón «Insertar un vídeo». En este momento se abrirá una ventana similar a la de subir imágenes y se buscará el vídeo que se quiere insertar en el artículo. Para ello pulsamos en la opción «Desde Youtube». Tecleamos una palabra o frase sobre la que queramos buscar un vídeo. Escogemos el vídeo, pulsando sobre él y haciendo click en Seleccionar.

Hay otras formas de insertar un vídeo, a través de su código de inserción o código embed. Este es un código en formato HTML, que se puede añadir al post, de manera que quede insertado y se puede visualizar en el blog.

Una vez localizado el vídeo, por ejemplo en Youtube, se muestran varios botones:

  • Me gusta: este botón indica que el vídeo ha gustado o no al usuario y lo puntúa de manera positiva haciendo clic en el botón con el icono del dedo pulgar hacia arriba o de manera negativa, si se hace en el que representa el pulgar hacia abajo.
  • Información.
  • Compartir: se utiliza para compartir el vídeo y poder acceder al código de inserción que se debe copiar y pegar en el post para que aparezca en el blog. Cuando se despliegan los botones para compartir, se ven varios botones que se utilizan para compartir el vídeo:

1. Compartir este vídeo: lo que aparece aquí no es el código que se busca para insertarlo en el blog, ya que sólo serviría como enlace para que se abriera la página de Youtube que contiene el vídeo.

2. Insertar: aquí se encuentra el código necesario para integrar el vídeo en el blog. Aparecerá una caja de texto en el que está el código del vídeo, es decir, la información para insertar un reproductor en el blog y poder ver el vídeo desde él. Bajo el código hay otra serie de opciones, que se utilizan para determinar el tamaño del vídeo que se quiere incluir en el blog. Si escogemos personalizado introduciremos las medidas en píxeles en ancho y alto. Seleccionamos todo el texto del código y se hace clic en el botón derecho, copiamos y pegaremos en el blog. Una vez en la página de edición del post, no se puede pegar sin más el código en el cuadro de edición. Se ha de cambiar al formato HTML (Texto). Para separar bien el código del texto, se pulsará intro después de este, y ahí pegaremos.

  • Añadir a: haciendo clic en este botón se puede añadir el vídeo a una lista de reproducción. Para esto se ha de contar con una cuenta de Youtube pudiendo acceder con la misma cuenta de Gmail o Blogger.

También podemos subir un vídeo desde nuestro ordenador. Haz clic en Examinar para seleccionar el archivo de vídeo que te gustaría subir desde el equipo. Ten en cuenta que Blogger acepta archivos AVI, MPEG, QuickTime, Real y Windows Media y que deben tener un tamaño inferior a 100 MB.

Antes de subir algún vídeo, añade un título en el recuadro «Título del vídeo», y acepta los Términos y condiciones (sólo tendrás que hacerlo la primera vez que subas un vídeo con Blogger). A continuación, haz clic en SUBIR VÍDEO.

Mientras se sube el vídeo, verás un marcador de posición en el editor de entradas indicándote dónde aparecerá. Además, verás un mensaje de estado debajo del editor de entradas que te permitirá saber que la subida está en curso. Este proceso dura unos cinco minutos aproximadamente, aunque varía en función del tamaño del vídeo. Cuando termine, tu vídeo aparecerá en el editor de entradas.

10. Redactar un post en el modo HTML

HTML son las siglas de Hyper Text Markup Language (Lenguaje de marcas de hipertexto). Es el lenguaje utlizado para programar la mayoría de las páginas web.

Su utilización es a base de etiquetas, comandos insertados entre corchetes angulares (<, >).

Ejemplos:

  • Negrita: <b> y </b>
  • Para separar los párrafos: <br> y </br>. Si añadimos dos etiquetas quedarán dos líneas en blanco.

Otro servicio para añadir vídeos es Vimeo. Al acceder a la página nos podemos inscribir. Para buscar un vídeo tecleamos la palabra adecuada. Accedemos a la página del vídeo haciendo click en él. Pulsando en share podremos acceder al código para insertarlo.

El  servicio DailyMotion es otro de los servicios más populares de vídeo. Para incrustarlo en nuestro blog pulsamos en Export/Embed (se encuentra en la parte superior derecha del vídeo)

11. Añadir audio al post

Nos permitirá añadir una canción, un podcast o cualquier otro tipo de archivo de audio. Una cosa es tener el reproductor de audio y otra tener el archivo de audio. Para que suene se ha de tener almacenado en un servidor al que accederá el reproductor para que suene en el blog.

Primeramente accedemos a youtube.com. Localizaremos un vídeo de una canción que nos interese. Copiaremos de la barra de direcciones la dirección URL de dicho vídeo. Accedemos a la página youtube-mp3.org/es. copiaremos la URL anterior y pulsaremos en Convertir vídeo. a continuación Descargar. Una vez que el archivo mp3 esté en nuestro ordenador, crearemos una cuenta de dropbox.com y subiremos el archivo mp3 a ella. Para utilizr dropbox nos registramos. Una vez que estemos registrados, entramos en nuestra cuenta y en el panel que aparece seleccionamos en la parte superior el botón «subir»

Acceder a la página Flash MP3 Player donde se encuentran los distintos tipos de reproductores que se pueden emplear:

MP3_Player

Hay cinco tipos de reproductores (mini, normal, maxi, multi, js). Elegimos uno de ellos, se abre una nueva pantalla en la que se puede ver una vista previa del reproductor. En la parte derecha hay varias opciones, hacemos click en «Generator», se abrirá una ventana con los datos del reproductor, en la caja de texto, a la derecha de mp3, hemos de incluir la dirección URL  del audio en MP3 que se quiere reproducir en el blog (el enlace copiado anteriormente del archivo almacenado en Google Drive). Copiando el código HTML que aparece y pegándolo en nuestro blog habremos terminado la operación.

12. Utilizar un reproductor desde un servicio de podcast

Se llaman podcast a los programas que se distribuyen por Internet y no por radio. Los hay de variadas temáticas: desde versiones on-line  de programas que se han podido escuchar en las radios convencionales hasta programas creados específicamente para ser escuchados por estos canales.

Uno de los servicios más populares es
Ivoox
, un quiosco de audios en los que se registran la mayoría de los podcast que se producen en España. Una vez localizado un podcast que nos interese hacemos click en su nombre, aparece una ventana que es un reproductor , pulsamos en la opción «Compartir este audio» (abajo a la derecha en el reproductor»  y a continuación «Llévate este audio a tu web o blog», copiamos el código HTML  y lo pegamos en nuestro blog.

9. Las etiquetas

Sirven para tener ordenadas las entradas del blog según temáticas, también ayudan a que un blog sea localizado en un buscador. Un lector, haciendo click en la etiqueta tendrá acceso a todas las entradas que lleven esa etiqueta ordenadas de más a menos reciente.

10.Privacidad y permisos

De forma predeterminada, tu blog es completamente público y, por tanto, cualquiera puede leerlo en Internet. Sin embargo, si quieres que sea privado, también tienes esa opción. Puedes cambiar esas opciones en la pestaña Configuración | Básico.

  1. Es probable que, en la sección «Lectores del blog», aparezca la selección «Cualquiera» como opción predeterminada. Al cambiar la selección a «Solo estos lectores», aparecerá un botón Añadir lectores.
  2. Haz clic en el botón Añadir lectores y, a continuación, introduce la dirección de correo electrónico de alguna persona a la que te gustaría dar acceso a tu blog. Para añadir a varias personas, separa las direcciones de correo electrónico con comas.
  3. Por cada dirección introducida, se dará acceso a tu blog a la Cuenta de Google asociada a dicha dirección. En caso de que alguna dirección no esté asociada con ninguna cuenta, dicha persona recibirá un correo electrónico de invitación con un enlace que le permitirá realizar una de las siguientes acciones:
    • Acceder a una cuenta de Google existente.
    • Crear una nueva cuenta.
    • Ver tu blog como invitado (no se necesita ninguna cuenta).