Planetas de los blogs de los alumnos

En esta dirección: http://www.planetaki.com/ puedes hacer tu propio planeta, es decir, un blog de blogs. Una especie de agregador de feed RSS de blogs que te interesan (como Google Reader pero muuuucho más fácil). Pruébalo. Yo he hecho el planeta de los blogs de los alumnos de la clase:
www.planetaki.com/ticnocturnorosa.

• Hay otra forma de hacer algo parecido: un blog de blogs, y, esta vez, literalmente. Sólo tienes que crear un nuevo blog en Blogger en tu misma cuenta. Yo le he llamado: http://ticnocturnorosa.blogspot.com/. En este blog, que diseñas a tu gusto, como ya sabes, añades una entrada y en ella copias el código HTML que obtengas de una aplicación externa: http://www.feevy.com/, que es donde seleccionas todos los blogs que formen tu planeta (y esta vez hasta con foto individual). Yo he aprovechado y he utilizado una plantilla externa, de http://www.deluxetemplates.net/ para que veáis cómo se puede ser de original en la elección de las plantillas.

Este es otro ejemplo, en el que participo, de planeta de blogs hecho con Feevy:
http://blogsdeaula.blogspot.com/.

Más plantillas para Blogger

Y como estamos de vacaciones, a lo mejor alguno de mis bloggeros preferidos de la clase más TIC, quiere probar otros formatos distintos de los que Blogger proporciona.

A lo mejor tenéis tiempo de leer el artículo de Alejandro Valero, Diseño y elección de la plantilla en Blogger, donde escribe unos consejos para elegir una plantilla adecuada. Además, hay muchos otros sitios en la red dónde puedes descargarte e instalar plantillas, por ejemplo, http://plantillaswebblog.blogspot.com/. En cualquier caso, si pones en Google "template", "blogguer" y "free" puedes pasarte un buen rato buscando una que te guste.

Y al hilo de esto he encontrado un buen blog llamado "Para que sepan" donde hay un artículo referente a nuevas plantillas y unos consejos muy interesantes. Os reproduzco aquí parte de su contenido:

Sitios para encontrar nuevas plantillas:

• Our blogger templates (Tiene varias con muchas columnas. También tutoriales interesantes para aprender a modificar las plantillas).
• Blogs made Spain (También hay tutoriales y otros recursos para blogs).
• Btemplates (Super completa colección... y clasificadas con etiquetas muy útiles por categorías).
• Final Sense (Muy buenas aunque algunas son muy pesadas, como las de la categoría "computer and"...
• Blog and web.
• Templates Blogger.
• Doxs templates.
• Muchas plantillas

2 consejos útiles:

• Siempre usar un blog "borrador" para las pruebas de plantillas.


• Hacer una copia de seguridad de la plantilla en uso (descargar plantilla) antes de subir la nueva.

¿Y cómo se cambia o modifica la plantilla?
Cómo instalar un Template (Doxs)
Modificando las plantillas (Vagabundia)
Tutoriales varios (Vagabundia)

Documento final de BLOGS

Incluyo aquí el documento completo "BLOGS en BLOGGER" que os he ido dando por entregas en clase. Así podréis imprimir aquello que os falte.

Para imprimir: MORE>PRINT en la cabecera de la caja de Scribd.

Observad también las tres formas de visualización del documento:

• MORE>View Mode>List Mode (en forma de lista con la barra de scroll).
• MORE>View Mode>Book Mode (en forma de libro con una manita para pasar página).
• MORE>View Mode>Slide Mode (en forma de diapositivas con unas flechitas para avanzar).

Blogs y Blogger

Publish at Scribd or explore others:

GADGETS: Cómo añadir y organizar elementos de la página de tu blog

Aquí tenéis algunas ideas más para personalizar el diseño de vuestro blog. Se trata de elegir e insertar elementos en esa columna a la derecha o a la izquierda (depende de la plantilla) de los artículos que publicáis, con contenidos muy variados. Estos elementos en BLOGGER se llaman GADGETS, en otros blogs, webs... se conocen como WIDGETS.

Tan sencillo como ir a:
PERSONALIZAR>DISEÑO>AÑADIR UN GADGET.

Recuerda:

El orden en el que aparecen es importante. Al añadir uno nuevo siempre sale en primer lugar, para recolocarlo en otra posición, sólo tienes que arrastrar y soltar donde lo desees situar.

Todos los gadgets o widgets que os indico a continuación, si tenéis que buscarlos en una página web, os proporcionan el código HTML para embeber o incrustar en vuestro blog utilizando el gadget genérico HTML/Javascript.

Algunos gadgets que no debes dejar de insertar:

1. ETIQUETAS: Obtendrás un listado de todas las etiquetas distintas que has incluido en tus artículos. Valen para hacer una selección de artículos por temas.
2. LISTAS DE ENLACES: Puedes insertar varias listas de enlace si lo deseas. Se puede hacer una lista de enlaces a blogs, wikis, webs... que te interesen. También puedes elegir hacer una lista de los blogs de tus compañeros y, por supuesto, del blog de la clase. Otra posibilidad es hacer una lista de los accesos a los programas que usas frecuentemente (Flickr, Slideshare, Google Docs, YouTube...).
3. Contador de número de visitas a tu blog:
   http://www.contadorgratis.com/: prueba uno de los contadores simples que te gusten.
   http://www.easycounter.com/: más contadores.
4. Transformar un texto en voz: vozME.
5. Buscador de palabras en tu blog: El código HTML para copiar y pegar es:<form id="search" action="/search" name="search" method="get"><br /><br /><p class="form"><br /><br /><input xonfocus="this.value=''" value=" Escribe..." name="q" size="15" type="text"/><br /><br /><input value="Buscar" type="submit"/><br /><br /></p><br /><br /></form>
   Y esto es lo que se vería en el blog o web copiando el código HTML de la cajita anterior:
   

Otros gadgets interesantes y/o divertidos:

• Alojador de archivos para tu blog:
  http://www.box.net/: sustituye las FTP para alojar archivos.
• Chistes:
  http://pagina-del-dia.euroresidentes.es/chiste-del-dia/gadget-chiste.php: cada día un chiste en tu blog.
• Avatares que "hablan" para dar la bienvenida a tu blog:
  http://www.voki.com/: con voz tuya, o de máquina basada en tu texto.
  http://www.dollzmania.com/Blinkie_Maker.html: muñequitas animadas con mensaje escrito.
  
  
  
  http://www.glitteryourway.com/: textos de glitter, todo brillo.
• Imágenes:
  http://www.glittergraphicsnow.com/es/fantasia.html: para "las" que gustan de los glitter (esos que brillan con purpurina y tal).
  http://www.dollzmania.com/: más muñequitas y... muñequitos. Incorporarás una imagen a tu blog o incluso el juego completo de montar una muñeca si insertas el código que te proporcionan.
• Calendarios:
  http://www.humancalendar.com/portable.php: un calendario "muy humano".
  
  http://www.free-blog-content.com/: calendarios con una foto de diferentes temas: coches, abstractos, naturaleza, chicas, animales, con reloj...
  
  Free Blog Content

  http://www.gifss.com/creaciones/: para los más horterillas.
  
  
  

• Relojes:
  http://www.vuelosmundo.com/relojes-web-ratis.php: relojes variados para incrustar.
  http://toolshell.org/: más relojes.
  http://www.clocklink.com/gallery.php?category=SPORTS: relojes temáticos (de deportes, vacaciones, digitales, transparentes ...
• Radios:
  http://www.zuneo.net/2007/04/musique-blog.html: 24 emisoras de radio por estilos de música. Es la que yo tengo en este blog.
  http://es.labpixies.com/gadget_page.php?id=23: divertida radio setentera.
  
  
  http://www.radioblogclub.com/: hay que buscar un cantante, grupo o canción. Pinchar en la flechita azul de la canción elegida. Y obtenemos a la derecha el reproductor para configurar y el código para embeber.
• El tiempo:
  http://www.eltiempo.es/widget/.

  previsión El Tiempo

  El Tiempo Madrid
• Criaturas extrañas en tu blog:
  http://abowman.com/google-modules/: tortugas, hamster, pingüinos, peces, arañas, tortugas, ranas y algún que otro jueguecito para adornar tu blog.
• Contadores regresivos hasta día D hora H:
  http://www.clocklink.com/gallery.php?category=COUNT
  
  
  
  http://daisypath.com/index.html: bara bodas, aniversarios, vacaciones, esperando un bebé, tratando de "concebir", cumpleaños... cursis pero personalizables a tope.http://www.tickerfactory.com/ezticker/ticker_designer.php, similar al anterior, menos cursis, más divertidos e igual de personalizables. Para toda clase de eventos: bodas, cumpleaños, pagos de hipoteca, pérdida de peso, hasta un calendario menstrual.
  
  
• Crecimiento de bebé en el útero:
  http://babystrology.com/baby-tools/baby-tickers/: permite generar un gadget en el que figura el nombre de la mamá, fecha de gestación y se va viendo el crecimiento del bebé dentro del útero. Muy curioso.
• Registros de acceso:
  http://feedjit.com/joinjs/: una forma de ver el tránsito de tu blog. Te permite observar el país del visitante y origen de su entrada a tu blog y es en tiempo real.
  
  
  http://www.geovisite.com/es/geocounter.php: geolocaliza tus visitantes y te dice cuántos están on-line en ese momento.
  
  
  
  
• Para que la gente opine:
  http://www.outbrain.com/get/ratings/Blogger;jsessionid=1EDE93E6DB31ACBCF43F1D60FC6C791A: tus visitantes votarán la calidad de tus publicaciones mediante un sistema de estrellas al finalizar tu artículo.
• Encuestas:
  http://pollcode.com/

  Que te estan pareciendo las clases de TIC?
  	MAL
  	REGULAR
  	BIEN
  	BASTANTE BIEN
  	MUY BIEN
  pollcode.com free polls

  http://www.blogpoll.com/
  
  
• Generador de botones para enlaces:
  http://www.grsites.com/generate/category/2/
• Cursores para tu blog:
  http://www.totallyfreecursors.com/category.cfm/id/34/Animals.htm: animales y muchísimos más temas. En el área en el que incorpores el HTML, aparecerán estos bichitos como cursor.
  http://www.jellymuffin.com/cursors/: más cursores.
  http://www.totallyfreecursors.com/: siempre tiene que haberlos horteras.
  http://www.boomspeed.com/sfhelpers/curs/
  http://www.cristoarte.com/punteros.htm
  http://maisblog.50webs.com/cursores/anicur2.htm.
• Para firmar tus artículos o posts:
  http://www.mylivesignature.com/: firmas clásicas (digitales, claro).
  http://www.dollzmania.com/Signature_Page.html: también en firmas hay horteradillas. He puesto una al final del blog con mi nombre.
  

Estas páginas contienen muchísmos gadgets, cada una de ellas, para que puedas elegir:

http://www.google.com/ig/directory?num=24&synd=open: de Google. Hay traductores, localizador de visitantes, chicas virtuales, reproductor MP3, calendarios, tiempo, relojes...

http://www.euroresidentes.es/gadgets.htm: programación TV, resultados de quinielas, conversor de divisas, horóscopo del día, frase del día, refrán del día, Santo del día, consejo del día, personajes célebres, hechos históricos, fotos, compatibilidad de nombres, compatibilidad de signos, "Te quiero" en 100 idiomas, Tarot, interpretación de sueños, horóscopo chino, color según signo, metal según signo, piedra según signo, numerología, conversor de medidas, receta del día...

http://es.labpixies.com/: listas de la compra o tareas pendientes, juegos, sudokus, horóscopos, tiempo, contador de calorías, mapas, calculadoras, directorio telefónico, emoticones, radios divertidas, música... Para tu blog, puedes escoger los que tienen el cartelito de EMBED. Otros son para la página de inicio de Google o para la caja de herramientas del Explorer (TOOLBAR).

http://www.gifss.com/: Gifs animados de los horterillas: románticos, animales, alimentos, ángeles, flores, halloween, personas, robots, transportes, navidad, profesiones, terror... cientos y más para elegir tu imagen de bienvenida como gadget o tu imgen en un artículo o página web.

http://www.clarin.com/shared/v9/widgets/: hay noticias minuto a minuto, resultados deportivos, chistes, horóscopo y noticias en fotos.

http://www.crazyprofile.com/: muchos widgets que, en principio pone que son para Myspace pero, como proprcionan el código HTML valen perfectamente para cualquier web o blog. Hay... de todo. Puedes pasar una larga tarde viendo cuales te interesan o te gustan más.

Configuración de tu blog

TAREA Configuración de tu blog

Aunque hay muchas opciones para ver, vamos a revisar las opciones de CONFIGURACIÓN más elementales que debeis comprobar en vuestros blogs. Ya sabeis que tenéis que entrar desde vuestro blog en PERSONALIZAR y elegir la pestaña CONFIGURACIÓN. No olvidéis GRABAR cada vez que modificáis un apartado.

CONFIGURACIÓN>
BÁSICO>

• Título del blog. Puede ser modificado.
• Descripción. Puede añadirse o modificarse.
• Contenido para adultos: NO. Evidentemente, si el contenido no fuera apto para menores deberíais poner SI.

FORMATO>

• Zona horaria. Elegid (GMT +01:00)Madrid.

COMENTARIOS>

• Comentarios: Mostrar.
• Personas que pueden realizar los comentarios: Cualquiera (siempre que moderéis los comentarios antes de su publicación).
• Moderación de comentarios: Siempre. Así evitarás que algún TROLL te insulte y se publique automáticamente. Por cierto, si mientras lo cambias tienes algún troll, no le contestes nunca y tu, como administrador de tu blog, puedes eliminar su comentario.
• ¿Mostrar verificación de la palabra para comentarios? SI. Así evitaréis comentarios automáticos desde ordenadores.

PERMISOS>

• Autores del blog: Ahora sois vosotros sólo pero observad que podríais habilitar a hasta 100 autores que publicarían libre y conjuntamente los artículos con vosotros.
• Lectores del blog: Ahora CUALQUIERA. Observad que podríais limitar quiénes ven vuestro blog, conseguiríais que fuera privado.

Una imagen en la cabecera de tu blog

La cabecera de los blogs deben ser atractivas. Ten en cuenta que es lo primero que se ve de tu blog. Además, servirá para diferenciar tu blog de otros que hayan utilizado la misma plantilla. Para ello vamos a incluir una imagen de fondo que nos permita la identificación de nuestro blog entre tantos otros que tienen el mismo diseño.

Para lograr una buena personalización de nuestra cabecera con una imagen hay que tener en cuenta lo siguiente:

• La imagen no tiene que ser grande ni pretenciosa; basta con un icono representativo o una imagen de tamaño medio que dé una idea del contenido del blog.
• Ten en cuenta que la imagen nunca tiene que entorpecer la lectura del título.

Para incluir una imagen en tu cabecera del blog has de ir al panel o zona de administración del blog; en concreto, tenemos que ir a la pestaña Diseño>Elementos de la página> pulsar Editar en la zona del título del blog, tal y como se ve en la siguiente imagen:

Obtendrás la siguiente pantalla:En este formulario podemos hacer lo siguiente:

• Cambiar el nombre del blog.
• Escribir una breve descripción del blog, que aparecerá en la cabecera, debajo del título.
• Cargar o subir la imagen desde nuestro ordenador o desde otro servidor web donde esté alojada.
• Colocar la imagen detrás del título, o sustituir el título y la descripción, de forma que la imagen debe incluir el título del blog.

No olvides Guardar en la caja del formulario, y volver a Guardar en la pantalla de Elementos de página. Cuando guardamos los cambios, la imagen aparece en la cabecera alineada a la izquierda. Si lo necesitas, recuerda que puedes cambiar el color del texto del título, su tamaño, fuente, color del fondo de la cabecera... en Plantilla>Fuentes y Colores.

En este enlace, del blog del profesor Alejandro Valero, encontrarás información avanzada sobre la situación de la imagen en la cabecera.

Diseño de la plantilla de tu blog

Es conveniente dedicar un tiempo a elegir una buena plantilla de Blogger, pues el buen diseño de un blog es fundamental para que sea leído con placer y visitado con frecuencia. Una vez que tengamos escritos algunos artículos para poder ver cómo quedan con los nuevos diseños, podemos dedicarnos a mirar estas plantillas para decidir cuál es la que más le conviene a nuestro blog. Lo encontrarás en la pestaña DISEÑO>Seleccionar plantilla nueva.

Cada una de esas plantillas a su vez tiene varios modelos que se pueden ver activando las casillas correspondientes y haciendo clic en la frase "Vista preliminar de la plantilla" que aparece debajo de su imagen. Esta es una opción excelente, porque nos permite ver cómo va a quedar nuestro blog antes de guardar la plantilla, y nos avisa de cualquier error habido en las modificaciones.

Una vez elegida la plantilla, podemos ir a la pestaña DISEÑO>Fuentes y colores, donde encontraremos dónde personalizar colores, fuentes, tamaños... de cada uno de los conceptos del blog (títulos de artículos, fechas, comentarios...). Observa que en la parte de abajo sale tu blog con tus artículos por lo que puedes ver cómo quedan los cambios que vas aplicando.

Si quieres ampliar información, encontrarás más información en el blog del profesor Alejandro Valero en este enlace.

TAREA PLANTILLA BLOG

Ahora que ya has introducido 6 artículos, vas a revisar el diseño de la plantilla de tu blog, colores, tamaños, etc. de forma que tu blog sea algo más personal y no coincida con otros blogs que ya hay publicados. Para ello, ya sabes, en tu zona privada del blog:

- DISEÑO>Seleccionar plantilla nueva. Y "Vista preliminar de la plantilla" hasta que estés conforme. No olvides guardar los cambios.

- DISEÑO>Fuentes y colores. No olvides guardar los cambios.

Manos a la obra con vuestros BLOGS DE ALUMN@ para la clase de TIC

Bueno, pues ha llegado el momento de crear vuestros propios blogs para la clase de TIC. En clase hemos repasado las generalidades que vimos allá por febrero que están en el artículo "BLOGS" del 7 de febrero y os he añadido algunos tutoriales para poder consultar detalles. El blog lo vamos a crear en BLOGGER.

En esta página se resume de una forma muy gráfica todo lo que hemos estado trabajando en clase sobre la creación del blog con Blogger. Repasa los apartados de "Personalización del Diseño" y "Contenidos Multimedia" y aplícalos a tu blog de la tarea. Enlace: http://uvigo20.wikispaces.com/Blogger.

Recuerda la ventana de edición de artículos:

Recuerda también que para insertar vídeos de Youtube, presentaciones o documentos de Slideshare, Google Docs, Issue, etc. y demás repositorios sociales, debes buscar en la página web del repositorio en concreto la ventana o cuadro en el que se publica el CÓDIGO HTML (incrustar, embed, para compartir...), darle a copiar, volver a la ventana del artículo del blog y pegarlo en la pestaña "Edición de HTML".

Tarea blog del alumn@:

A. Crea tu blog en blogger y elige la plantilla, colores, fuentes...

La dirección del blog debe ser del tipo: nombreTIC.blogspot.com, siempre que esté disponible. Por ejemplo: para Said: http://saidtic.blogspot.com/. Si ya existe, procurad, 1º sustituir las "i" por "y". Por ejemplo: para Sergio: http:\\sergyotic.blogspot.com. Si no tenéis "i", me consultáis. Por ejemplo, el blog de Raquel será http:\\rakeltic.blogspot.com. Consultadme lo que necesitéis, como siempre.

B. Publica los primeros artículos de tu blog:

1. Mensaje de bienvenida. Escribe un mensaje de saludo y añade, desde tu cuenta en Flickr, la imagen personal que no era planeta.

Etiquetas: imagen, Flickr

2. Presentación en Flickr. Explica brevemente qué es Flickr e inserta un enlace a esta herramienta. Inserta la presentación-diaporama de Flickr.

Etiquetas: presentación, Flickr

3. Presentación en Slide. Explica brevemente qué es Slide e inserta un enlace a esta herramienta. Inserta, desde tu cuenta en Slide, tu presentación-diaporama.

Etiquetas: presentación, Slide

4. Presentación en Slideshare. Explica brevemente qué es Slideshare e inserta un enlace a esta herramienta. Inserta, desde tu cuenta en Slideshare, tu presentación de PowerPoint "Los planetas del sistema solar".

Etiquetas: presentación, Slideshare, PowerPoint

5. Presentación en Google Docs. Explica brevemente qué es Google Docs como repositorio e inserta un enlace a esta herramienta. Inserta, desde tu cuenta en Google Docs, tu presentación de PowerPoint "Los planetas del sistema solar".

Etiquetas: presentación, PowerPoint, Google Docs

6. Documentos en Google Docs. Explica brevemente qué es Google Docs como aplicación on-line e inserta un enlace a esta herramienta. Incluye en este artículo los enlaces a tu documento de Word "El chiste" y al documento creado on-line "Vacaciones Semana Santa", ambos ubicados en tu cuenta de Google Docs.

Etiquetas: Word, aplicación on-line, Google Docs

7. Vídeos en YouTube, Yappr... Explica brevemente qué es Youtube e inserta un enlace a esta herramienta. Incluye en este artículo el vídeo que localizaste sobre tu pueblo o ciudad. Comenta algo que te interese sobre el vídeo y/o tu ciudad o pueblo.

Etiquetas: YouTube, vídeo