EXEMPLE AVEC UNE HORLOGE

 

A)

Récupérer le code du widget :

 

1°) Vous rendre sur le site de votre choix où vous avez repéré le widget  (pour l' exemple :                                     http://www.crazyprofile.com/clocks/personal_clock.asp)

 

2°) Si le site personnalise le widget, téléchargez votre image simple (avec fond de couleur) ou png (fond transparent appelé aussi "tube").

Moi, j' ai utilisé l' image de mon logo.

> J' ai donc cliqué sur "Upload your photo and get your personal clock" puis sur "open"

> j' ai choisi le type de chiffres (select clock)

> j' ai choisi le style d' aiguilles (select hand)

> j' ai choisi le nombre d' aiguilles (hour hand)

> j' ai choisi les couleurs à l' aide des curseurs

3°) Enfin, j' ai cliqué sur "Code"

4°) J' ai copié le code

horloge

 

B)

Placer le code généré dans l' éditeur *:

 

Je suppose que vous ne souhaitez pas que votre widget apparaisse en plein milieu d' une page ?

donc nous allons le placer dans UNE COLONNE.

 

1°) Allez dans l' éditeur des blocs (apparence/bloc), CREEZ un nouveau bloc et éditez-le.

2°) CLIQUEZ SUR "HTML" (logo bleu entre la gomme et la loupe dans la barre d' outils où on choisit les polices etc...)

3°) Une nouvelle fenêtre, plus petite, s' ouvre

4°) Collez le code de votre widget (que vous avez préalablement copié sur le site -ici une horloge-)

entre les deux balises suivantes :

 

 

script tuto

 

 

5°) Validez

6°) Vous êtes de retour sur la fenêtre de l' éditeur où vous devez aperçevoir la forme spectrale avec le symbôle "f"

7°) Cliquez sur "Publier"

8°) Vérifiez sur votre blog (cliquez sur "voir le blog") que l' objet s' y trouve bien

 

*L' éditeur est la fenêtre qui s' ouvre lorsque vous ouvrez un nouveau message