Comment insérer une carte ou un plan dans un article?

Vous venez de rédiger un billet sur l'un de vos endroits préférés? Il peut être intéressant d'insérer une carte en annexe de votre article, afin de permettre à vos visiteurs de s'y rendre à leur tour.
(Un exemple: voir mon article "Comment se rendre aux faux de Verzy")

Insérer une carte google maps dans son blog: créer un compte google

La première chose à faire est de vous créer un compte Google. Je crois que tous les utilisateurs de Blogger ont systématiquement un compte Google puisque les illustrations des blogs Blogger sont stokées par défaut dans un album Picasa.
Pour les autres blogs (Over-Blog...), si vous ne possédez pas de compte Google, c'est le moment d'en ouvrir un (très simple, il suffit de s'inscrire en suivant les indications). En plus de cartes maps personnalisées, vous aurez accès à de nombreuses fonctionnalités utiles, notamment pour le référencement.

• Pour ouvrir un compte Google, rendez-vous sur n'importe quelle page recherche google et cliquez sur Connexion (en haut à droite).

• Puis cliquez sur Créer un compte gratuitement

• Vous accédez à un formulaire d'inscription classique: il ne vous reste qu'à remplir les différents champs et accepter les conditions pour devenir heureux détenteur d'un compte Google.

• Surveillez votre boîte aux lettres: vous allez recevoir un message de google qui vérifie la validité de votre adresse mail. Suivez le lien du mail pour revenir à votre compte (cette opération valide votre adresse mail)
  

Une fois connecté à votre compte Google, rendez-vous sur Google Maps (Voir onglet Maps en haut à gauche de la fenêtre).

Créer une carte (plan, itinéraire, satellite)

Cliquez ensuite sur "Mes cartes" puis sur "Créer une nouvelle carte".
Pour gagner du temps, tapez la localité que vous voulez voir figurer sur cette carte dans la barre de recherche Google Maps.
Affinez le cadrage de la carte, son aspect (plan, satellite), déplacez le petit indicateur en forme de goutte exactement où vous voulez.

Personnaliser la carte et copier le lien

(cliquez pour agrandir)

Votre carte vous convient? Vous voudriez la même en plus petit dans votre blog?
Cliquez sur le mot "Lien" en haut à droite de la carte.
Google Maps vous propose d'entrée un lien à insérer dans votre site ou blog, pour renvoyer à cette carte. Mais il est préférable de personnaliser votre carte Maps avant de l'intégrer à votre article (ce qui consiste à choisir la taille de l'affichage).
Il ne vous reste plus qu'à copier le code que vous donne google Maps.

(cliquez pour agrandir)

Insérer le code de la carte dans un article blog

Rendez-vous ensuite dans votre éditeur blog, mettez-vous en mode HTML et collez le code de votre carte.
Normalement... ça marche.
Vous pouvez ensuite repasser en mode Rédiger pour taper votre texte avant ou après la carte, si vous êtes mal à l'aise en HTML.
Dans mon éditeur Blogger, la carte Maps n'est pas visible dans la fenêtre "rédiger" de l'éditeur de texte. Mais elle est bien présente, et visible dans l'aperçu.

Remarques:

• Aussi attrayantes que soient les cartes Maps, ne basez pas toute la décoration de votre blog là-dessus. Elles "pèsent lourd" et ont tendance à ralentir la circulation, surtout si vos visiteurs ne disposent pas d'ordinateurs très puissants ou d'une ADSL très performante.

• Je rappelle que je ne suis pas spécialiste de l'édition de blogs, seulement une blogueuse curieuse, parfois trop intrépide et souvent bien conseillée. C'est pourquoi je ne sais pas fermer la petite fenêtre d'informations qui s'ouvre par défaut dans l'article cité en lien (voir ci-dessous). Si quelqu'un a la solution?...

___________________________________________________________________

Articles liés: Ces articles peuvent vous intéresser:

• Un exemple d'insertion de carte Maps dans un article: Itinéraire vers les faux de Verzy
• Intervenir dans le code HTML d'un article blog: facile! (débutant)
• Un pense-bête pour les balises HTML des articles blog