Bloquer la redirection automatique de Picasa Web Album vers Google + Photo

Voici un lien vers une image stockée dans un album web picasa (lien fourni par web album) :

https://picasaweb.google.com/lh/photo/_4KTv8lkNL0Kbbg1xi9XG6dweShbAU4mvt40AX3UNcg?feat=directlink

Si vous (administrateur du blog) possédez un compte Google +, il se peut que Google redirige automatiquement les visiteurs vers le même Album Photo mais chez Google +
Pour bloquer cette redirection il faut ajouter [?noredirect=1] à la fin de l'adresse. Si l'URL contient déjà des paramètres après un point d'interogation, ajouter [&noredirect=1]
https://picasaweb.google.com/lh/photo/_4KTv8lkNL0Kbbg1xi9XG6dweShbAU4mvt40AX3UNcg?feat=directlink&noredirect=1

Meta

<meta content='Mots clés séparés par des virgules' name='keywords'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Description de votre Blog qui sera visible dans les résumés des moteurs de recherche' name='description'/>
</b:if>
<meta content='ALL' name='ROBOTS'/>

Site map

atom.xml?redirect=false&start-index=1&max-results=100

Hiérarchiser des libellés

Voici le code d'un gadget "HTML/Javascript" pour afficher des libellés hiérarchisés (cet article prolonge celui-ci) :


<h3><a href="http://blogexemplecuep.blogspot.fr/search/label/Acteurs">Acteurs</a></h3>
<ul>
<li><a href="http://blogexemplecuep.blogspot.fr/search/label/Alain%20Delon">Alain Delon</a></li>
<li><a href="http://blogexemplecuep.blogspot.fr/search/label/Jean%20Paul%20Belmondo">Jean-Paul Belmondo</a></li>
<li><a href="http://blogexemplecuep.blogspot.fr/search/label/Mireille%20Darc">Mireille Darc</a></li>
</ul>
<br />
<h3><a href="http://blogexemplecuep.blogspot.fr/search/label/R%C3%A9alisateurs">Réalisateurs</a></h3>
<ul>
<li><a href="http://blogexemplecuep.blogspot.fr/search/label/J.L.%20Godard">Jean-Luc Godard</a></li>
<li><a href="http://blogexemplecuep.blogspot.fr/search/label/J.P.%20Melville">Jean-Pierre Melville</a></li>
</ul>

Fichier vidéo

Voici un lien vers un :

Fichier vidéo

Intégrer des cartes Google maps dans un blog

1 – Aller sur Google maps :

Sur I-google, cliquer sur Plus > cartes

Cliquer sur « mes cartes »

Et « créer une nouvelle carte »

Remplissez les différents champs

Lancer une recherche sur votre 1er lieu

Cliquer sur l’outil « repère » (en haut à gauche de la carte)

Et aller cliquer sur la carte pour positionner votre repère

Quand c’est fait, vous avez accès à la fiche de votre repère

Commencez par donner un titre, vous pouvez également rentrer du contenu texte.

Cliquez sur « Texte enrichi » pour passer aux options avancées. Vous pouvez :

- Ajouter une image (même principe que dans Blogger, mais uniquement avec une URL)

- Transformer une partie de texte en hyper lien

- Appliquer des mises en forme de contenu

Vous pouvez également changer le « style » du repère

Une fois ces manipulations finies, cliquer sur « terminer »

Cliquer sur lien (en haut à droite de la carte)

Et cliquer sur « Personnaliser et prévisualiser la carte intégrée »

Configurer la boite de dialogue et copiez le code HTML

2 – A – Lier une carte au Blog avec un gadget « Html/Javascript »

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur « Ajouter un gadget » de la sidebar.

Cliquer sur le « + » du gadget « HTML/Javascript »

Rentrer un titre (ie : carte des églises), et coller le contenu du code HTML dans la partie « Contenu », puis cliquer sur « Enregistrer »

Passer sur l’onglet du blog et faites « F5 »

2 – C – Lier une carte au Blog avec un gadget article

Après avoir copié le code HTML sur le site Google maps, aller ensuite dans le back-office, onglet « Publication d’un message », sous-onglet « créer ». Donner un titre à votre article et quelques mots pour le corps du message.

Cliquer sur l’onglet « Modifier le code HTML »du corps du messag

Cliquer à la fin de votre texte, appuyez sur la touche « entrée » et coller votre code HTML.

Cliquer sur l’onglet « Rédiger », patientez un peu, votre carte doit s’afficher.

Cliquer alors sur « Publier le message »

Passez sur votre Blog, faites « F5 »

3 en +

En mettant à jour votre profil Google vous indiquer clairement les liens entre :

• votre blog

• vos cartes

• vos web albums

Pour accéder à votre profil Google, vous pouvez cliquer sur votre nom dans une fiche « repère » de « Google Maps » par exemple.

Google Maps dispose d’autres outils en plus du repère :

• L’outil « ligne » permet de tracer des itinéraires.

• L’outil « forme » permet de délimiter des zones.

Ajouter des photos directement sur les cartes

En vous inscrivant sur Panoramio (http://www.panoramio.com/) vous pouvez directement mettre en ligne des photos sur google Maps.

Cliquer sur « inscrivez-vous », suivez les instructions et cliquez sur « envoyez vos photos »

Cliquer sur « choisissez un fichier », récupérer votre photo et double-cliquer dessus

Une fois votre photo téléchargée, donner lui un titre et placer la.

Cliquer sur « placer cette photo », taper un nom de lieu et déplacer ensuite le repère. Terminer en cliquant sur « enregistrer la position » et « Terminer »

Vos photos sont maintenant visibles dans Google Maps (après un certain délai)

Intégrer des images dans un message depuis Web Album [2/2]

(Images sur Google Picasa Album Web)

Cet article est la suite de "Intégrer des images dans un message depuis Web Album [1/2]". 

Dans le précedent article nous nous attachions au concept de lien vers les albums, nous allons maintenant traiter des photos elles-mêmes

Sommaire :

• 4 - Interaction entre les photos d’un Web album et le Blog

o A Lier une photo à un gadget « HTML/Javascript »

o B  Afficher une photo dans un article méthode N°1 «URL »

o C  Afficher une photo dans un article méthode N°2  «HTML »

4 - Interaction entre les photos d’un Web album et le Blog

Cliquez sur une image de votre web album

Vous accéder alors à la gestion spécifique de la photo

 

Cliquer sur « Lien vers cette photo »

 

Vous retrouvez les mêmes possibilités que pour l’album, avec des options supplémentaires :

« Lien ». Il s’agit de l’adresse web de la page.  Reprenez le paragraphe 3 – A et lier un ou plusieurs mots à la page d’une photo (et non plus à la page d’un Web Album).

« Insérer l’image dans une page Web » est un générateur de code HTML qui vous permettre de choisir la taille de l’image à insérer.

4 – A Lier une photo à un gadget « HTML/Javascript »

Sur la page de la photo, copier le code HTML  (clic-droit copier)

 Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur « Ajouter un gadget » de la sidebar.

Cliquer sur le « + » du gadget « HTML/Javascript »

Rentrer un titre (ie : Photos sous-marine), et coller le contenu du code HTML dans la partie « Contenu », puis cliquer sur « Enregistrer »

 

Dans le back-office, Onglet « Mise en page » > sous onglet « Eléments de la page » cliquer sur «Enregistrer »

Passer sur votre Blog, faites « F5 »

Le résultat est légèrement différent qu’avec un Web Album

 (Le lien en texte sous la photo, ici  « De Photo sous marine » peut être supprimé si vous cochez « Masquer le lien vers l’album » avant de copier le code HTML sur la page de la photo.

 

4 – B  Afficher une photo dans un article méthode N°1 «URL »

Sur la page de la photo, faites un clic-droit sur celle-ci et choisissez « ouvrir l’image dans un nouvel onglet »

Aller sur ce nouvel onglet et copier l’adresse de la page

 

Aller ensuite dans le back-office, onglet « Publication d’un message », sous-onglet « créer ». Donner un titre à votre article et quelques mots pour le corps du message.

Cliquer sur l’outil « Ajouter une image »

 

Dans la boite dialogue, coller l’adresse dans le champ URL, dans la partie « Image provenant du web », puis cliquez sur « Envoyer une image »

 Cliquer sur « Terminer » sur l’écran suivant

Dans votre back-office, cliquer maintenant sur « Publier le message »

 Passer sur votre Blog, faites « F5 »

 

4 – C  Afficher une photo dans un article méthode N°2  «HTML »

Sur la page d’une photo, sélectionnez la dimension choisie pour votre image

 

Copiez ensuite le code HTML

 

Aller ensuite dans le back-office, onglet « Publication d’un message », sous-onglet « créer ». Donner un titre à votre article et quelques mots pour le corps du message.

 

Cliquer sur l’onglet « Modifier le code HTML » du corps du message.

 Cliquer à la fin de votre texte, appuyez sur la touche « entrée » et coller votre code HTML.

Cliquer sur l’onglet « Rédiger », patientez un peu, votre image doit s’afficher.

Cliquer alors sur « Publier le message »

Passer sur votre Blog, faites « F5 »