Informática: febrero 2011

jueves, 3 de febrero de 2011

CHISTE DEL DÍA EN TU BLOG

Con este gadget aparecerá un chiste nuevo cada día. No tienes más que entrar en DISEÑO después en EDICIÓN DE HTML y donde pone <HEAD> pegar esto:

<iframe width="165" height="160" scrolling="no" src="http://pagina-del-dia.euroresidentes.es/chiste-del-dia/gadget-chiste-del-dia.php" frameborder="0"></iframe>

Se puede cambiar de color tanto el fondo como la letra dándole a "Chiste de hoy" y se editará.
También puedes cambiar de chiste pinchando "Chiste Aleatorio".
Y si pinchas en "Chistes" te meterás en una página donde encontrarás todo tipo de chistes.
Aquí tenéis un ejemplo en esta entrada:

Inés Paja Mendivil

HOMER SIMPSON

Para poder tener a Homer S. en tu página del blog lo que tienes que hacer es: 1º debes entrar en diseño, 2º añadir un gadget, 3º cuando estas en diseño buscas HTML/Javascript y por último pegas esto: <a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://tutorialesparablogspot.com"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRG7bDTvUxXXOEMSPgu6AOoi7hbu-rZM7JmXfV1E7QN3Wca53BThixxBz9lt75ZM5hkdtBVXUe98N4Gr497cHR_ya9xNsjLdzIRfx3xKXYJT48FePhykkDzPsGTL1Teum9xFmCzeTVr7o/s1600-r/Deja+un+comentario+homero.png"/></a>

Rocío Plaza Lizarraga 1ºA

miércoles, 2 de febrero de 2011

COMO MOSTRAR LOS GADGETS SÓLO EN LA PÁGINA PRINCIPAL

Uno de los mayores problemas que presentan todos los blogs es el tiempo que tarda en cargar la página. Si bien hay gadgets que podemos eliminar para hacer la carga más ligera, hay otros gadgets que son muy necesarios para el blog y no queremos eliminarlos, así que lo que haremos será mostrarlos sólo en la página principal, o sea en la portada, y cuando el lector entre a una entrada estos desaparecerán.

Para lograr esto modificaremos el código del gadget que queramos ocultar en las entradas. En ese ejemplo usaremos el código de un gadget HTML/Javascript. Sólo hay que localizar el gadget con los artilugios expandidos y agregar lo que está en rojo.

<b:widget id='HTML1' locked='false' title='Gadget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Como ven, la primera parte que agregamos va justo después de
<b:includable id='main'> y la segunda parte justo antes de </b:includable>

Esto lo hacemos con cada uno de los gadgets que queremos esconder, aunque todos tienen un código distinto, sólo hay que guiarnos por lo que mencionamos anteriormente.

De esta forma todos los gadgets se mostrarán en la portada, pero en las entradas se ocultarán aquellos que hayamos modificado.

martes, 1 de febrero de 2011

COMO PONER UN MENSAJE DE BIENVENIDA CON LUCES DE NEON

Para poner este cartel en tu blog sólo entra en Diseño > Elementos de la página > Añadir un gadget > HTML/Javascript y pega lo siguiente:

<div style="background:#000; font-size:30px; text-transform: uppercase; font-weight: bolder;"><script language="JavaScript1.2">

//Neon Lights Text II by G.P.F. (gpf@beta-cc.de)
//visit http://www.beta-cc.de

var message="Bienvenidos a Ciudad Blogger"
var neonbasecolor="gray" //color de la letra
var neontextcolor="yellow" //color de la luz neon
var neontextcolor2="#FFFFA8" //color del reflejo
var flashspeed=100 // velocidad en milisegundos
var flashingletters=3 // numero de letras alumbradas en neon
var flashingletters2=1 // numero de letras alumbradas con el reflejo (0 to disable)
var flashpause=0 // pausa entre cada repeticion en milisegundos

///No editar nada mas///

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></div>

Cambia lo que está en color rojo por tu mensaje de bienvenida. En las antaciones de color verde puedes ver unas variables que se pueden configurar como color del neón, velocidad, etc.
Al inicio del código en color azul podrás cambiar el color de fondo y tamaño de la letra; también puedes agregarle otros estilos si así lo deseas.

Aplicación divertida para pasar el tiempo con musica

Esta es una aplicación la cual mediante el teclado puedes tocar la guitarra.
Para poder insertar este gadgets debes entrar en diseño y acontinuación
debes darle a añadir gadgets para poder insertar la aplicación.
El gadgets tiene el nombre de: GUITAR.
Para poder tocar la guitarra no debes mas que pulsar las teclas del teclado para que suene.

Irene Roldan Diez

Efecto de arcoiris al pasar el mouse sobre los enlaces

Con un script vamos a dar un efecto de arcoiris al pasar el mouse sobre los links.
Este efecto se aplica para todos los links que tengas en el blog.

Sólo entra a Diseño > Edición de HTML y pega antes de </head> esto:

<script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>

Así de fácil tendrás un efecto animado en tus links del blog.

maria gomez de segura 1ºC

Como eliminar la barra blogger

Para eliminar la barra blogger de tu blog personal, debes seguir los siguientes pasos:

Este es la linea de código:

COPIA EL CÓDIGO

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}

Esta es una imagen de ejemplo, para los que todavía dudan:

Quedaría así:

De esta manera se oculta la barra de Blogger, que en algunas plantillas molesta.

cómo crear juegos educativos en blog

Como crear juegos educativos para un blog docente

En otras entradas de este blog he comentado alguna vez sobre herramientas para la creación de juegos educactivos. De manera muy sencilla el profesor puede crear juegos y embeberlos en el blog de clase para que los alumnos los realicen. En este ocasión la herramienta se llama Propofs Brain Games y permite la creación de sopas de letras , crucigramas, puzzles diversos, ahorcado, etc.. Una vez realizados los juegos proporcionan el código correspondiente para embeberlos en el blog de clase.

Una buena manera de que los alumnos jueguen con palabras relacionadas con los temas que han trabajado en el aula o con otras categorías semánticas de interés. Además puede ser interesante, como actividad, que sean los propios alumnos lo que creen los juegos y se los intercambien para resolverlos.

By: Celestino Arteta
Educación tecnológica

Ads by Google

EduformaTIC
La intregración práctica de las TIC en el aula. Formación para docenteswww.eduformaonline.com/eduformatic

Archivado en: Herramientas TICs , Recursos Educativos

« Twiducate: Redes sociales para educación La clase efectiva »

alba sanz

Páginas

jueves, 3 de febrero de 2011

miércoles, 2 de febrero de 2011

martes, 1 de febrero de 2011