domingo, 30 de noviembre de 2014

Novedades crear página en Blogger

Para aquellos que empiezan a crear sus blogs con Blogger ahora, y para aquellos que ya conocían Blogger os presento en la página dedicada a crear páginas, la nueva forma de crear páginas, reorganizarlas, y hacerlas visibles o no.
Haz click en la imagen o aqui.



sábado, 29 de noviembre de 2014

Tipografía en el blog

Hola a todos como buenos maestros o blogeros, queremos hacer más interesante el blog y para ello cambiar la tipografía del blog es algo esencial.
Pues bien aunque en la plantilla podamos personalizar algunos textos con las opciones que nos ofrece Blogger, podemos aspirar a cambiar los estilos eligiendo el tipo de letra o tipografía. En este caso desde Google fonts. Google nos ofrece más de 600 tipos de letras a elegir. 
En este vídeo tutorial sigo los pasos para cambiar varias partes de los textos del blog, como el título, el texto de la entrada, el texto de los gadgets, el texto del título de la entrada etc..

Como en el vídeo no se ve con claridad el código de cada uno de los bloques que edito, os añado al final unas capturas de pantalla con las explicaciones para que nadie se pierda.
Estos pasos son más avanzados y atrevidos pero si se siguen poco a poco no hay peligro.



¿Dónde colocar el enlace de Google Fonts?. Debajo de la etiqueta Head


En page text cambio la tipografía del texto de la entrada.



Cambio la tipografía de los gadgets.

Cambio la tipografía de las pestañas

Cambio la tipografía del título del blog también.






viernes, 28 de noviembre de 2014

Precipitaciones en el blog


Hola hoy os quiero presentar un par de gadgets divertidos para esta época del año en la que la lluvia y la nieve o frío se dan a menudo, teniendo además la Navidad tan cerca.
Se trata de dos efectos atmosféricos que podemos incorporar en nuestro blog. La lluvia y la nieve.

Para ello solo debemos copiar los códigos como siempre en los gadgets.  Lo podeís poner en un gadget en un menú lateral  o mucho mejor en los dos menús laterales, para tener más lluvia por todo el blog. O en un gadget debajo de la cabecera.

Para añadir lluvia en tu blog, copia este código en un gadget de los de HTML ¿ recordáis?, el que tiene este icono:


<div style="display: none;">
<script src="http://blogparts.giffy.me/0117/parts.js" type="text/javascript"></script><br />
<div style="margin: 0; padding: 0; text-align: center;">
<a href="http://giffy.me/baby/"><img alt="降水確率100%ブログパーツ;" src="http://blogparts.giffy.me/0117/parts.gif" style="border: 0;" /></a></div>
<div style="font-size: 12px; margin: 10px 0 0 0; padding: 0; text-align: center;">
[PR] <a href="http://typing.twi1.me/" rel="nofollow">楽しくタイピング練習!</a></div>
</div>
Este código lo he obtenido de la página http://www.ciudadblogger.com/2014/10/poner-lluvia-en-el-blog.html. Pero a diferencia del código de la página lo que he hecho es omitir las líneas que incorporaban un efecto de sonido de lluvia y tormenta, porque creo que puede ser cargante para el visitante. Pero si lo deseáis con sonido incluido copiar el código del enlace de arriba.
Este código lo he obtenido de la página http://www.mybloggerwidgets.com/2013/04/add-snow-falling-effect-in-blogger.html. Con él conseguimos que copitos de nieve caigan delicadamente sobre nuestro blog. Es igual de fácil de aplicar. Lo hacemos con los gadgets en nuestros menús laterales o de arriba como en el caso anterior.


<script type="text/javascript">  //Configure below to change URL path to the snow image  var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_GWOp0fLsx6t3Odi8fb2beyC4FzYEpTt4mzaZJbV9ySJ5jFOMWGrxQ9N96hzGksUZNK0gHRs2KN8Qzr4EsKXneYVQTr3fSgVKTRYBG_rMa3qjojZr9CVFQFbl9ZGAThhwqHy04lRryKY/s400/snow.gif"  // Configure below to change number of snow to render  var no = 30;  // Configure whether snow should disappear after x seconds (0=never):  var hidesnowtime = 0;  // Configure how much snow should drop down before fading ("windowheight" or "pageheight")  var snowdistance = "pageheight";///////////Stop Config//////////////////////////////////  var ie4up = (document.all) ? 1 : 0;  var ns6up = (document.getElementById&&!document.all) ? 1 : 0;    function iecompattest(){    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body    }  var dx, xp, yp;    // coordinate and position variables  var am, stx, sty;  // amplitude and step variables  var i, doc_width = 800, doc_height = 600;  if (ns6up) {    doc_width = self.innerWidth;    doc_height = self.innerHeight;  } else if (ie4up) {    doc_width = iecompattest().clientWidth;    doc_height = iecompattest().clientHeight;  }  dx = new Array();  xp = new Array();  yp = new Array();  am = new Array();  stx = new Array();  sty = new Array();  snowsrc=(snowsrc.indexOf("dynamicdrive.com")!=-1)? "http://2.bp.blogspot.com/-MsCdyoGtGdA/UX5gk72qNoI/AAAAAAAAAfQ/LaKTmUG-aJM/s1600/snow+falling+effect.gif" : snowsrc  for (i = 0; i < no; ++ i) {
    dx[i] = 0;                        // set coordinate variables    xp[i] = Math.random()*(doc_width-50);  // set position variables    yp[i] = Math.random()*doc_height;    am[i] = Math.random()*20;         // set amplitude variables    stx[i] = 0.02 + Math.random()/10; // set step variables    sty[i] = 0.7 + Math.random();     // set step variables        if (ie4up||ns6up) {      if (i == 0) {        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"><\/a><\/div>");      } else {        document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"><\/div>");      }    }  }  function snowIE_NS6() {  // IE and NS6 main animation function    doc_width = ns6up?window.innerWidth-10 : iecompattest().clientWidth-10;        doc_height=(window.innerHeight && snowdistance=="windowheight")? window.innerHeight : (ie4up && snowdistance=="windowheight")?  iecompattest().clientHeight : (ie4up && !window.opera && snowdistance=="pageheight")? iecompattest().scrollHeight : iecompattest().offsetHeight;    for (i = 0; i < no; ++ i) {  // iterate for every dot      yp[i] += sty[i];      if (yp[i] > doc_height-50) {        xp[i] = Math.random()*(doc_width-am[i]-30);        yp[i] = 0;        stx[i] = 0.02 + Math.random()/10;        sty[i] = 0.7 + Math.random();      }      dx[i] += stx[i];      document.getElementById("dot"+i).style.top=yp[i]+"px";      document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
    }    snowtimer=setTimeout("snowIE_NS6()", 10);  }    function hidesnow(){        if (window.snowtimer) clearTimeout(snowtimer)        for (i=0; i<no; i++) document.getElementById("dot"+i).style.visibility="hidden"    }if (ie4up||ns6up){    snowIE_NS6();        if (hidesnowtime>0)        setTimeout("hidesnow()", hidesnowtime*1000)        }</script>

lunes, 24 de noviembre de 2014

Trabajando en el blog de forma simultánea en dos ordenadores



Hola a tod@s, como crear un blog para el aula es cosa de dos o más, también, se nos plantean varias preguntas,... por ejemplo:

¿se puede de forma simultánea trabajar en el mismo blog ?

La respuesta es sí, de hecho se puede trabajar en la misma entrada y de hecho se puede salvar a la vez, por ello es vital que haya comunicación entre los autores para no sobre-escribir el trabajo del uno al otro.

Recordemos que podemos invitar a alguien a que participe en nuestro blog en Configuración/ Permisos /Autores.


Derechos de autor

 


Hola a tod@s, quería publicar una serie de enlaces interesantes sobre las dudas a la hora de utilizar material audiovisual en nuestros blogs para respetar las leyes y derechos sobre los derechos de autor.

He recogido una serie de enlaces de carácter legal y otros de sentido común para que cada uno interprete, la necesidad de utilizar ciertas obras y reflexione sobre su uso.

En general en educación, las obras no suelen utilizarse con ánimo de lucro o comercial, por ello no es muy grave  si se utilizan ciertas imágenes, vídeos o audios como apoyo a nuestra explicaciones de las que nos resulta difícil conocer su origen o autor.
Pero debemos ser respetuosos en todos los casos y seguir ciertos puntos básicos:

1.- Verifica la imagen para ver si tiene en los bordes y extremos un símbolo de copyright o alguna notificación. 
Evitar las imágenes con derechos de copyright. Hay bancos de imágenes gratuitas o con licencias de Creative Commons en las que los autores permiten su uso en diferentes grados.

2.- Analiza el sitio web en el que ubicaste la imagen. Busca debajo de la foto a ver si encuentras una declaración de atribución. 
Siempre atribuye la autoría de los vídeos o de los materiales a sus autores.
( Puntos y textos extraídos de http://www.ehowenespanol.com/foto-internet-derechos-autor-como_309649/)

3.- Aquí tienes algunos de los portales donde buscar imágenes  e iconos con diferentes licencias para que utilices en tu página web.
( texto e información extraída de http://es.jimdo.com/2014/03/04/qu%C3%A9-im%C3%A1genes-puedo-usar-en-mi-web-lo-que-debes-saber-sobre-los-derechos-de-autor/)
4.- 
La publicación de fotografías de menores por parte de los colegios
Los responsables del colegio hagan una evaluación del tipo de foto a publicar, la pertinencia de su publicación y su objetivo. Los niños y sus representantes deberán ser conscientes de su publicación y deberá obtenerse el consentimiento previo del representante (o del niño si ya es maduro).

En algunos casos de denuncias legales sobre el uso de fotografías de menores en colegios se han dado resoluciones como esta en la que el juez no ve hecho intencionado :
anomalía no intencionada, no constan beneficios obtenidos como consecuencia de la comisión de la infracción y por parte de la entidad imputada se han reconocido los hechos.
( texto extraído de http://www.iurismatica.com/la-publicacion-de-fotografias-de-menores-por-parte-de-los-colegios/)

Hay que tener en cuenta que los derechos de autor varían por países con sus diferentes legislaciones locales.

Más información sobre derechos de autor y otros en los siguientes enlaces:


  • http://www.iurismatica.com/la-publicacion-de-fotografias-de-menores-por-parte-de-los-colegios/
  • http://www.imaginanet.com/blog/derechos-de-autor-guia-sobre-la-utilizacion-de-imagenes.html
  • http://es.jimdo.com/2014/03/04/qu%C3%A9-im%C3%A1genes-puedo-usar-en-mi-web-lo-que-debes-saber-sobre-los-derechos-de-autor/
  • http://www.wipo.int/sme/es/documents/ip_photography.htm
Finalmente para explicar mejor las licencias de Creative commons os facilito un enlace con una infografía muy clarificadora.

  •  http://blogs.lainformacion.com/legal-e-digital/2011/06/20/%C2%BFcomo-funciona-una-licencia-creative-commons/
¿Creative Commons es opuesto a los derechos de autor tradicionales?
No, en absoluto. Nuestras licencias os ayudan a ceder algunos derechos sobre las obras pero con ciertas condiciones y manteniendo otras. La justificación de la protección de la propiedad intelectual es la promoción del progreso de la ciencia y de las artes. Nosotros también queremos promover la ciencia y las artes. Creemos que podemos ayudar a los creadores a conseguir la licencia más adecuada para sus necesidades.
(texto extraído de http://es.creativecommons.org/blog/pmf/#faq_entrada_1002)

Enlace para adquirir o publicar con licencias de creative commons:
http://creativecommons.org/choose/
Hasta pronto



sábado, 22 de noviembre de 2014

Toondoo

Hola, os quería presentar otra opción para hacer cómics online con la herramienta que me ha recomendado Núria, gracias compañera!.
Se trata de Toondoo.com

En esta herramiena primero eliges el formato general de las viñetas..

Elegimos personajes, fondos, elementos, textos etc...

Podemos personalizar el personaje en gran detalle.


He aquí un ejemplo de un libro cómic creado con esta herramienta:



domingo, 16 de noviembre de 2014

Powtoon




Hola a tod@s, he descubierto una herramienta muy ágil y creo que asequible para todo tipo de perfiles, para crear presentaciones animadas muy atractivas.
Se trata de Powtoon, una herramienta 2.0 en la que podemos elegir el número de diapositivas y textos como muchos de los programas de presentación, pero además podemos añadir pequeñas animaciones, fondos, elementos o props, personajes de diferentes estilos, etc.
Para mostraros un ejemplo he creado uno rápido en unos 15 minutos en mi primer contacto con la herramienta. Me parece muy atractiva y motivadora para los niños y fácil para los maestros.