Cómo insertar el clima en tu sitio web o blog.

Estrada Web Group
Administrador
Cómo insertar el clima en tu sitio web o blog.

el clima en tu sitio web facilmente

Si quieres poner en tu sitio web o tu blog el clima actual de tu ciudad o cualquier otra ciudad, con este plugin lo puedes hacer fácilmente.

El plugin está hecho con jQuery y utiliza el servicio openweathermap.com y soporta algunos lenguajes como el inglés y español entre otros.

El plugin y ejemplo los puedes descargar aquí.

Características del plugin:

  • Este plugin compatible con los idiomas de openweathermap.com.
  • Opciones de color ilimitadas.
  • Icono de estilo plano u openweathermap.com.
  • 1  a 16 días informe meteorológico.
  • Opciones métricas Fahrenheit o Celsius.
  • Opciones verticales u horizontales.

Los valores a configurar serían los siguientes:

<script>
$(document).ready(function(){
$("#example1").ideaboxWeather({
width			:'100%',
			themecolor		:'#069',
			todaytext		:'Hoy',
			radius			:true,
			location		:'Cd. México',
			daycount		:7,
			imgpath			:'http://openweathermap.org/img/w/',
			template		:'vertical',
			lang			:'es',
			metric			:'C', //F:Fahrenheit, C:Celsius
			days			:["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
			dayssmall		:["Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa"]
});
});
</script>

El demo lo puedes ver aquí.

Compartir artículo:

Más artículos geniales

¿Cómo leer los atributos data de HTML5 con jQuery?

¿Cómo leer los atributos data de HTML5 con jQuery?

Una de las novedades de HTML5 es que podemos utilizar el atributo data para asignar valores personalizados a cada elemento HTML en particular.

Ver artículo completo
¿Cómo ejecutar una función despues de transcurrir x número de segundos con setTimeout de JavaScript?

¿Cómo ejecutar una función despues de transcurrir x número de segundos con setTimeout de JavaScript?

El método setTimeout() permite ejecutar una función en JavaScript después de pasar cierto tiempo establecido previamente, es decir manda llamar una función después de esperar un número específico de milisegundos.

Ver artículo completo
¿Qué es una Cookie? y ¿Cómo crearlas y leerlas con jQuery?

¿Qué es una Cookie? y ¿Cómo crearlas y leerlas con jQuery?

En este artículo explicaré con un ejemplo, cómo agregar cookies usando jQuery, es decir, guardar y consultar cookies en el navegador usando jQuery. Pero primero veremos que es una cookie y que se puede hacer con ella.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla
;