WIDGETS HTML PARA NUESTRA WEB

Pulsa para ver los widgets en mi web

Primero hemos buscado en google un widget html para poder traducir, después de poner el país y la url de nuestra web nos ha aparecido un código html (ver abajo ) que hemos insertado en el código de nuestra Web:



<div id="google_translate_element"></div><script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'es', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

En segundo lugar hemos insertado un Mapa Interactivo, hemos tenido que cogerlo en GoogleMaps, Pulsando el Menú de opciones -> Compartir o insertar en el mapa -> Insertar en el mapa y copiando el siguiente código HTML:





<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d6985.329664773637!2d-6.72236587456005!3d42.59839407375776!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1481548197167" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

En tercer lugar hemos insertado un vídeo de Youtube, eligiendo el vídeo y luego con el botón derecho sobre la pantalla negra hemos elegido copiar código de inserción:




<iframe width="640" height="360" src="https://www.youtube.com/embed/_YYy5As19XM" frameborder="0" allowfullscreen></iframe>


Por último hemos insertado el código de un gadget del tiempo, buscando en google "Widget el tiempo.es", después de rellenar varias opciones (localidad, tamaño, días de predicción, etc):



<div id="c_fde5309746f9058b9e8e0f19604a9905" class="ancho"></div><script type="text/javascript" src="https://www.eltiempo.es/widget/widget_loader/fde5309746f9058b9e8e0f19604a9905"></script>