• ACCUEIL
  • blogger

    Intégrer une carte, la météo, l'heure... dans un article (ou gadget)

    Tous ces Widgets peuvent s'intégrer

    • dans un article classique ( il faudra travailler en mode HTML...) par ex pour la carte
    • dans un widget " HTML Javascript" pour les autres  petits widgets..


    Pour intégrer une carte
    1-SIMPLE CARTE Sur Google Maps
    1- Démarrer Google maps dans votre navigateur
    2- Lancer une recherche pour afficher la carte souhaitée

    3-Cliquer sur le Menu "sandwich" en haut à gauche
    le Menu s'affiche


    -sélectionner : "Partager ou Intégrer la carte"
    -s'affiche: "Partager" choisir l'onglet "Intégrer une carte"

    -sélectionner une taille de la carte,
    -cliquer sur "COPIER LE CONTENU HTML"



     SUR VOTRE BLOG
    vous devez  coller le contenu html précédent
    -en mode "HTML" de votre article
    -dans un gadget  "HTML"


    RÉSULTAT FINAL SUR LE BLOG
    une carte dynamique s'affiche




    2- CARTE personnalisée  (repères, parcours, lieux...)


    =>Possibilité d'intégrer un fichier kmz

    1-Avec le logiciel  "Google Earth  Pro", préparer votre carte en incluant repères, parcours ... selon vos souhaits

    2-Enregistrer les résultat sous forme d'un fichier kmz














    3 Importez les informations dans "My Map"
    1. Sur votre ordinateur, connectez-vous à My Maps.
    2. Ouvrez ou créez une carte.
    3. Dans la légende de la carte, cliquez sur Ajouter un calque.
    4. Donnez un nom au nouveau calque.
    5. Sous le nouveau calque, cliquez sur Importer.
    6. Choisissez ou importez le fichier kmz (ou les photos) contenant vos informations, puis cliquez sur Sélectionner.
    7. Les éléments géographiques sont automatiquement ajoutés.
    4-Partagez

    Attention à bien indiquer " A tous les utilisateurs ayant le lien"

    5-Intégrez via le Menu "Hamburger"

    Récupérer le code  ( iframe)


    6-Copier ce code,en mode HTML, dans votre article.
    Si nécessaire ajuster la taille

    Résultat final





    3-AUTRES POSSIBILITÉS d'INTEGRATION
    => attention le code doit être compatible avec le https ! 
    => voici des exemples,  à vous de rechercher d'autres possibilités (toujours tester ! )


    MÉTÉO

    1-Se rendre sur un site qui propose un code  à intégrer comme  https://hotelmix.fr/widgets/weather

    2- récupérer le code et l'intégrer dans votre article en le collant en mode HTML

    RÉSULTAT


    +16
    °
    C
    H: +16°
    L: +16°
    Bayeux
    Jeudi, 26 Septembre
    Prévisions sur 7 jours
    Ven. Sam. Dim. Lun. Mar. Mer.
    +17° +17° +18° +19° +17° +13°
    +16° +15° +16° +15° +13° +12°




    HEURE & DATE
    1-Se rendre sur un site qui propose un code  à intégrer comme  https://time.is/fr/widgets

    2- récupérer le code et l'intégrer dans votre article en le collant en mode HTML

    RÉSULTAT

    Heure en France :





    AUTRE exemple d'horloge dynamique:
    se rendre sur https://www.zeitverschiebung.net/fr/clock-widget

    RÉSULTAT

    Heure actuelle
    Paris, France



    INSERTION DE CODE
    en mode html :  insérerce code
    <div id='clock'>
    <script type='text/javascript'>var d = new Date(); document.write(d.getHours()+':'+d.getMinutes());</script>
    </div>

     qui donne ceci :