Blogger

Vamos a empezar por ver una presentación publicada en Slideshare que, además de lo referente al funcionamiento del propio Blogger, nos describe la apariencia visual y la estructura de un blog



Aquí tienes otro videotutorial que muestra el proceso de dar de alta una cuenta en Blogger y crear el primer blog.
Antes de empezar a investigar en la parte puramente tećnica de la creación del blog tal vez te venga bien consultar el directorio de blogfesor@s en el que aparecen, clasificados por materias, muchos blogs creados por profesores.

Alta y creación del blog

Tarea:
  1. Conéctate a Blogger (https://www.blogger.com/start)
  2. Revisa el tutorial en tres pasos que ofrece blogger
  3. Crea un blog y selecciona la plantilla para determinar su apariencia
  4. Publica tu primera entrada en el blog

Configuración

Ahora que tienes creado tu blog vamos a especificar algunas cuestiones de configuración del mismo. Para ello utilizaremos la pestaña "Configuración" y recorreremos los diversos apartados. Sería interesante que configuraras los siguientes aspectos:
  • Título (aprovecha ahora para cambiarlo si el que elegiste al crearlo no era muy significativo)
  • Descripción
  • Número de entradas o días que se mostrarán en la página principal
  • Formatos de fecha y hora
  • Zona horaria (Recuerda que Madrid está en la zona horaria GMT+1)
  • Permisos para la realización de comentarios
  • Moderación de comentarios (valorar su pertinencia)
  • Correo electrónico para comentarios.
  • Establecer la dirección mail-to-blogger
  • Añadir autores al blog
*

Envio de entradas por correo. Un fotoblog cooperativo.

Supongamos que hemos realizado una actividad en la que hemos encomendado cada grupo la realización de fotos sobre un determinado aspecto. Vamos a publicar las fotos utilizando Mail-to-blogger

Tarea:
  • Descargar una foto que estará publicada en Flickr
  • Modificar dicha foto con Picnik para recortar un fragmento de la misma
  • Enviar la foto recortada a la dirección mail-to-blogger que habremos proyectado.

Inclusión de algunos elementos gráficos y multimedia

Hasta ahora hemos hecho prácticas de publicación de diferentes complementos en el wiki, pero todo ello es perfectamente aplicable a los blogs.
Tarea:
Publicar en el blog los siguientes elementos:
  • Una imagen salvada previamente en Flickr
  • Una proyección de fotos hecha con cualquiera de las utilidades que hemos visto el día anterior
  • Una proyección de diapositivas hechas con Slideshare.
Como has podido observar varios de los procedimientos citados en esta sesión no se encuentran documentados.. La propuesta para quien quiera practicar sería utilizar alguna de las técnicas comentadas en clase para incluir en el wiki información sobre alguno de ellos

Blogs cooperativos

Aunque en muchas ocasiones la participación de los visitantes se limita a la emisión de comentarios cabe también la posibilibad de crear un blog entre varios autores, hasta un máximo de 100.
Para hacerlo, el administrador del blog emitirá invitaciones utilizando la sección Permisos de la pestaña Configuración.
Una vez que los invitados aceptan la invitación pasan a participar como autores del blog, lo cual quiere decir que pueden añadir entradas, pero no modificar el resto de los aspectos del blog, salvo que se decida concederles permisos de adiministrador.

Tarea:
Intercambia una invitación a otro participante de forma que ambos os convirtáis en autores del otro blog.
Publica una entrada en el blog al que has sido invitado.

Incluir elementos en la página

Vamos a concentrarnos ahora en añadir algunos elementos nuevos a la página utilizando los widgets (artilugios) que ofrece el propio Blogger.
Para ello hay que utilizar la opción Elementos de la página de la pestaña Diseño
blogger2.png

Cuando pulsamos sobre uno de los enlaces que permiten Añadir ujn elemento a la página se despliega un panel con muchas opciones que vamos a empezar a explorar en la práctica.
blogger1.png

Tarea:
  • Añade un texto de presentación que aparezca en la columna de la derecha antes de las entradas del blog.
  • Utiliza la vista previa para comprobar cómo queda el añadido.
  • Cambia ahora la ubicación del elemento que has introducido y colócalo tras los datos personales.
  • Comprueba si prefieres esta posición mediante la vista previa y guarda los cambios.

Tarea:
  • Añade una encuesta, indicando si los usuarios pueden seleccionar varias respuestas o no.
  • Arrastra el elemento para colocarlo en la zona de la página que prefieras.
blogger_3.png

Tarea:
  • Crea una lista de sitios interesantes para incluirla en el blog utilizando la opción Lista de vínculos
  • Configura la lista para que ordene alfabéticamente los enlaces
  • Sitúa el elemento en la posición que te parezca más adecuada.
blogger4.png


Leer las entradas

Con Vozme

El siguiente texto está extraído la la página de ayuda de la aplicación Vozme que permite otras opciones tales como permitir que sea el usuario el que decida qué texto quiere escuchar.


Ejemplo: mediante un enlace de texto (utilizando foz femenina)

external image 2_es.png
  1. Accede a Plantilla > Edición de HTML.
  2. Marca la casilla "Expandir plantillas de artilugios".
  3. Encuentra la línea:
  4. Antes de dicha línea, inserta el código:
    <script
    src='http://vozme.com/get_text.js</span>' type='text/javascript'/><a
    expr:onclick='"get_blogger(\"" + data:post.id + "\",\"es\",\"ml\");"'
    href='javascript:void(0);'
    style='margin-left:1.5em;'>((•)) Escucha este
    post</a> <script
    src='http://vozme.com/get_text.js</span>' type='text/javascript'/><a
    expr:onclick='"get_blogger(\"" + data:post.id + "\",\"es\",\"fm\");"'
    href='javascript:void(0);'
    style='margin-left:1.5em;'>((•)) Escucha esta entrada</a>
  5. Guarda los cambios.

Ejemplo: mediante una imagen y un enlace de texto (utilizando voz masculina)









external image 1_es.png
  1. Accede a Plantilla > Edición de HTML.
  2. Marca la casilla "Expandir plantillas de artilugios".
  3. Encuentra la línea: <div class='post-footer'>.
  4. Antes de dicha línea, inserta el código:
    <div id='voice'>
    <script src='http://vozme.com/get_text.js</span>'
    type='text/javascript'/> <a expr:onclick='"get_blogger(\"" +
    data:post.id + "\",\"es\",\"ml\");"'
    href='javascript:void(0);'><img
    src='http://vozme.com/img/paper_sound32x32.gif</span>' align='left' alt=''
    border='0' style='margin-right:0.4em;'/></a>
    <a expr:onclick='"get_blogger(\"" + data:post.id +
    "\",\"es\",\"ml\");"' href='javascript:void(0);'
    style='font-size:10px;'>Escucha<br/>esta entrada</a>
    </div>
  5. Guarda los cambios.
Para cambiar entre la voz femenina y la masculina basta con localizar en el código la cadena "fm\" y cambiarla por "ml\" o viceversa

Con Sonowebs

Un servicio muy similar es el que proporciona Sonowebs, de cuya ayuda se han extraído las siguientes instrucciones para instalar un reproductor de color rojo.

1. Entrar en el panel Blogger de vuestro Blog
2. Pulsa en "Configuración"
external image blogger-paso-1.gif
3. Pulsa en la pestaña "Plantilla"
4. Pulsa en la subpestaña "Edición de HTML"
5. Activa la casilla "Expandir plantillas de artilugios"
external image blogger-paso-2.gif
6. ANTES de la cadena <div class='post-footer'>
7. Introducir el siguiente código:
<script src='http://www.sonowebs.com/scripts/sonowebs.js</span</span>>' type='text/javascript'/>
<script type='text/javascript'>
printPlayer("flash","red","ESCUCHAR ENTRADA","","","es","","<data:blog.homepageUrl/>","<data:post.timestampISO8601/>","","","","","","","232","20");
</script>


8. Por ultimo pulsa en el botón de "Guardar Plantilla":
external image blogger-paso-4.gif
Si a los colores de tu página les viene mejor otro color en el reproductor dispones de los que se muestran a continuación. Para modificar el color basta con que sustituyas en el código la cadena "red" por la correspondiente denominación del color en inglés.
Negro ("black")

Azul ("blue")

Verde ("green")

Amarillo ("yellow")

Rosa ("pink")

También puedes utilizar imágenes u otro tipo de enlaces entrando en la página de selección del modelo y pulsando el botón para generar el código pertinente
external image play.png
external image play_azul.gif
external image sonowebs-black.gif
external image play.jpg

Insertar reproductores de música




Jamendo

jamendo.pngUna vez que has seleccionado un álbum o un tema en Jamendo puedes elegir el tipo de web en la que vas a insertar el reproductor.

Bajo el panel de selección del Widget nos informa de los derechos que tenemos sobre este album. Por lo que se puede ver en la imagen comprobamos que se encuentra bajo una licencia Creative Commons (es así en todas las obras publicadas en Jamendo) con la condición de mencionar autor y compartir igual.

En nuestro caso hemos elegido Blogger y esto nos lleva a una página en la que disponemos de diversos formatos de reproductor.


Reproductor Jamendo estándar mini

Reproductor Jamendo estándar

Reproductor musical extendido

Reproductor musical compacto

Reproductor musical de botón

Reproductor versión Radio.blog

Reproductor Dewplayer multipistas (en el momento de redactar esta documentación parece no funcionar)

Tarea:
  • Localiza en Jamendo un álbum que te guste
  • Crea una nueva entrada e inserta un reproductor musical extendido
  • En otra entrada diferente inserta otro tipo de reproductor

Goear

En el caso de Goear no está tan claro el tema de las licencias, aunque en su página especifican:"goear cumple la normativa sobre la propiedad intelectual, contando con las respectivas licencias emitidas por la Sociedad General de Autores y editores (SGAE). Número de Licencia: RRDD/1/717/0906."

Así pues, si nos atenemos a lo que indican, no habría problema en incluir en el blog o el wiki el código del que dispondremos una vez seleccionado un tema.
goear.png


Tarea:
  • Seleccionar un tema del catálogo de Goear
  • Crear una nueva entrada en el blog e introducir el código para escuchar el tema seleccionado.


Crear un slidecast
Con Slideshar