jeudi 20 janvier 2011

Gadget HTML pour l'heure exacte

But : Insérer l'heure de l'horloge parlante,

  • pour la rendre visible sur la page d'accueil de votre blog
  • comme vous pouvez l'observer sur mon blog http://pjece.blogspot.com 


Manipulations :
  • Récupérer le code HTML de l'applet (applet = petite application web, ici celle qui affiche l'heure)
    • Accéder au site http://www.horlogeparlante.com/
    • Dans le menu de gauche, accéder à "Heures et services" puis "L'horloge sur votre site"
      • Configurer l'horloge : étapes 1 à 4 en s'aidant de l'aperçu proposé
      • Obtenir le code : Etape 5, et copier le code proposé.
  • Revenir à votre blog, en conception, et accéder au lien "MISE EN PAGE"
    • Choisir la zone où sera le gadget de l'horloge et alors activez "Ajouter un gadget"
    • Choisir le gadget "HTML / JAVASCRIPT",  qui permet d'insérer du code HTML.
      Très pratique, car  on peut mettre tout ce qu'on veut dès lors que c'est du langage HTML
    • Saisir un titre (non obligatoire) qui apparaîtra au dessus du gadget sur la page.
      • Coller dans la zone "Contenu" le code HTML copié depuis le site de l'horloge parlante
      • Enregistrer le gadget, puis enregistrer la structure de la présentation
      • Tester en affichant la page d'accueil de votre blog.
      • SI L'AFFICHAGE EST TRONQUE,
        • En LARGEUR : ajuster la largeur de votre blog, via la personnalisation de votre modèle
        • En HAUTEUR :  en mode conception, à partir de la mise en page, vous pouvez "modifiez" le gadget Horloge que vous avez inséré.
          Dans l'écran du gadget, dans la zone de code HTML, repérez information height : "...px" qui traduit la hauteur en pixels de votre horloge à l'écran. Changez cette valeur en saisissant par exemple 100 ou  plus. Testez.

1 commentaire:

bon coin france a dit…

Bonjour
Merci beaucoup pour votre publication.
Ils sont toujours très intéressant et important.
I love your blog, donc je dois vous féliciter.
Bonne chance
Merci
Bisous