28/1/08

Añadir calendario

Bueno como veis a la derecha hay un calendario (algo cutre pero simple) pues este al igual que casi todas las cosas que publicare se consiguen gracias a codigos JavaScripts, estos codigos sirven para infinidad de cosas desde algo tan simple como un efecto del raton como para que le sigan letras como para el calendario...

bueno lo mas importante seria saber como y donde poner estos codigos... en este caso utilizare el del calendario que yo tenia guardado lo descargue de una pagina pero no recuerdo cual para vuestra informacion hay cientas de paginas con codigos JavaScripts.
Bueno para el que no sabe nada de
codigo web(generalmente HTML) os explicare a grandes rasgos como funciona.
Todo codigo HTML tiene que tener obligatoriamente 2 partes:
-Head (cabeza) En esta parte se definen cosas como el titulo, estilos(css), funciones de codigos JavaScript...
-Body(cuerpo)En el cuerpo estan todas las cosas que se ven en la web: las letras, tablas , imagenes y la parte del codigo JavaScript que muestra los datos (en este caso el calendario)

Tanto head como body debe ir entre "pestañas" <>
y empieza <head> y termina igual pero con una barra delante
</head>
al igual que body seria: <body> Texto </body>
El ejemplo de una pagina seria:
<head>
<title> Prueba < /title>
< /head >
<body>
bienvenido a mi pagina
</body>

bueno conociendo esto me imagino que podremos meter el calendario sin casi problemas...
Vamos a el panel de control del blog y 
le damos a la pestaña plantilla y despues a la pestaña elementos 
de la pagina en el lateral pone añadir un elemento de pagina (desde alli se pueden añadir multitud de cosas ya creadas por blogger como imagenes , presentaciones....)
pero nosotros vamos a intentar añadir algo que no viene por defecto como el calendario, asi que pulsamos en añadir un elemnto de pagina y seleccionamos HTML/Javascript yle damos a añadir al blog.
despues te pedira titulo el cual dejaremos en blanco y contenido que es donde pondremos el codigo del calendario

os lo dejo en un arcivo de texto en un servidor de descargas gratuita para que sea mas acesible. os dejo el enlace del archivo
ENLACE
Bueno como veis el codigo empieza con < language="JavaScript"> y termina con
< /script > pues bueno copiamos el codigo
y lo pegamos en el cuadro donde ponia contenido y le damos a guardar cambios y se os quedaria como en mi blog.
en caso de que querais cambiar lo que pone arriba(en mi caso calendario) hay una linea del codigo que pone:
document.write("Calendario");
Cambiariamos Calendario por lo que quieras manteniendo la estructura de las comillas y de todo lo demas.Quedaria asi:
document.write("Dias de este mes");

y eso es todo mañana si puedo os coloco algun java script mas vistoso con colorines que se que tanto gustan.

1 comentario:

TitoCarlos dijo...

Ya tienes un agradecimiento y ninguna duda, ya que está perfectamente explicado.
Espero que continúes, y si lo haces, pondré un link en mis blogs para aquellos que necesiten ayuda.

Un abrazo,