Affichage des articles dont le libellé est blogger. Afficher tous les articles
Affichage des articles dont le libellé est blogger. Afficher tous les articles

samedi 16 mars 2013

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

lundi 16 mars 2009

Fichier vidéo

Voici un lien vers un :

Fichier vidéo

vendredi 20 février 2009

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

(Images sur Google Picasa Album Web)

Sommaire :
  • 1 – Aller sur Web-Album :
  • 2 – Création d’un Web Album
  • 3 – Interactions entre un Web album et le Blog
  • 3 – A – Lier un Web Album au Blog avec une adresse web
  • 3 – B – Lier un Web Album au Blog avec un gadget « Html/Javascript »
  • 3 – C– Lier un Web Album au Blog avec un gadget « Diaporama »
  • 3 – D – Lier un Web Album au Blog avec un gadget « Flux »
Prochain post : lier les photos des Web Albums au blog.

Le service web-album de Google doit être initialisé lors de la première utilisation.
- Dans votre Firefox, ouvrez trois onglets :
o Un pour votre back office (le panneau de contrôle)
o Un pour votre front office (votre blog)
o Un pour I-google

1 – Aller sur Web-Album :
Sur I-google, cliquer sur Plus ?Photos
 
Votre mail est déjà rentré, mais vous devez indiquer votre mot de passe
 
Si vous avez déjà mis des photos en ligne sur votre blog, il est tout à fait possible que des albums existent déjà sur votre compte d’Albums Web. Si vous déplacez ou  supprimez ces photos, elles seront également supprimées de votre blog. 

2 – Création d’un Web Album
Cliquer sur le bouton « Transférer »


Cliquer sur "Créez-en un"
Remplissez les champs permettant la description de l’album.
Cliquer sur « Continuer »

Choisissez jusqu’à 5 fichiers différents et cliquez sur « Lancer le transfert »
 
Vous disposez d’une jauge qui vous indique l’espace libre dont vous disposez
 
Une fois le transfert fini, vous arrivez dans votre Web Album

Ajouter l’adresse de votre Album Web dans le module favoris de page Igoogle

 
3 – Interactions entre un Web album et le Blog
Cliquer sur « lien vers cet album » pour ouvrir les liens

A - Le 1er lien est une URL qui commence par http://picasaweb.google.fr....
C’est une adresse web que l’on peut coller directement dans un mail, dans la barre adresse d’un navigateur ou que l’on peut utiliser pour créer un lien dans notre blog (cf fiche « Créer des liens entre des articles »)

B - Le 2ème lien est en réalité une séquence de code HTML. Nous allons l’utiliser plutôt dans un gadget « HTML/Javascript » de la sidebar

C - Le 3ème lien est l’adresse d’un flux RSS, nous allons l’utiliser dans un Widget « Flux »

3 – A – Lier un Web Album au Blog avec une adresse web
Sur la page Web Album, copier le 1er lien (clic-droit copier)

Dans le back-office, Onglet « Publication d’un message » > sous onglet « Modifier les messages » cliquer sur « modifier » d’un article contenant du texte.

 Sélectionner le (ou les) mots que vous souhaiter transformer en lien, puis cliquer sur l’outil « lien » 

Collez votre adresse et faites « OK »

 Cliquer sur « Publier le message »

 Passer sur votre Blog, faites « F5 »

 Vous avez correctement transformé un mot de votre article en lien vers votre Album Web.

3 – B – Lier un Web Album au Blog avec un gadget « Html/Javascript »
Sur la page Web Album, 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 »

 

Vous avez correctement ajouté un gadget qui affiche une des photos de l’album web et qui pointe vers lui.

3 – C– Lier un Web Album au Blog avec un gadget « Diaporama »

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 « Diaporama »

 
Configurer la boîte de dialogue du gadget « Diaporama »
Source = Picasa Album Web
Option = Album
Nom d’utilisateur = Entrez votre adresse chez gmail
Album = Choisissez dans le menu déroulant
Cliquez sur « Enregistrer »

 

Passer sur votre Blog, faites « F5 »

Le gadget ressemble à 1ère vue au gadget « HTML/Javascript », mais vous allez rapidement découvrir qu’il s’agit d’un vrai diaporama, avec défilement des photos contenues dans l’album. Si vous passez votre pointeur sur la  photo, vous pouvez le mettre en pose ou passer manuellement à la photo suivante/précédente. Ce gadget pointe également vers l’Album Web.

 

3 – D – Lier un Web Album au Blog avec un gadget « Flux »
Sur la page Web Album, copier l’adresse du flux RSS (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 « Flux »

 Coller l’adresse du flux dans le champ « url du flux » et cliquer sur « continuer »

Configurez la boîte de dialogue du gadget « Flux » et  cliquez sur « enregistrer »

Contrairement aux gadgets précédents, celui-ci n’affiche pas les photos, mais des liens vers les photos.

Toutes ces manipulations concernaient les Albums, nous allons maintenant agir au niveau des photos dans le prochain post...

mardi 3 février 2009

Intégrer des images dans un message

Intégrer des images dans un message (Image sur le disque dur)

- Dans votre Firefox, ouvrez trois onglets :


1 – Récupération de l’image :
Sur Freebeez, faites un clic droit sur la photo et enregistrer la dans « mes documents »


2 – Dans le back office de votre blog, Onglet « Publication d’un message », sous onglet » Créer », rentrez un Titre (ex : message avec image) et un peu de texte dans le corps du message (ex : voici une photo)

Cliquer ensuite sur le bouton « Ajouter une image »







Dans la boite de dialogue, cliquez sur


Retrouver le fichier « libre.jpg » dans « mes documents », cliquez dessus puis sur le bouton « ouvrir »
Le nom de votre fichier apparait alors à coté du bouton :




Cocher « Centrer » + « Grand »


Cliquez sur



Puis sur



Votre image est arrivée dans le corps du message, MAIS par défaut, Blogger la place en début de message ; Pour la déplacer, il faut la couper/coller au bon endroit. Pour ce fairecliquez sur l'image pour la sélectionner, faites un clic droit "Couper", placer votre pointeur au bon endroit, cliquez gauche puis droit et "coller"
Retourner en début de message et supprimer les lignes vides avec la touche « Suppr ».
Voici le résultat :

Cliquer sur

Créer des liens dans des posts vers d’autres posts ou des libellés

Cette méthode permet d'enrichir l'interactivité à l'intérieur de votre blog :

- Dans votre Firefox, ouvrez deux onglets :

  • Un pour votre back office (le panneau de contrôle)
  • Un pour votre front office (votre blog)
  • un troisième pour cette page

1 – Créer trois messages :
Message 1 :
Titre : Alain Delon
Corps : Alain Delon joue dans "le Samouraï" de J.P Melville et dans "Nouvelle vague" de J.L Godard
Libellés : Alain Delon, J.P Melville, J.L Godard

Message 2 :
Titre : Jean Paul Belmondo
Corps : Jean Paul Belmondo joue dans "Borsalino" avec Alain Delon et "A bout de souffle" de J.L Godard
Libellés : J.L Godard, Alain Delon, Jean Paul Belmondo

Message 3 :
Titre : Mireille Darc
Corps : Mireille Darc joue dans "Week End" de J.L Godard, dans "Les Seins de glace" avec Alain Delon et dans "Borsalino" avec Jean Paul Belmondo.
Libellés : Mireille Darc, J.L Godard, Alain Delon, Jean Paul Belmondo

2 : Les libellés se sont enrichis de plusieurs entrées : Alain Delon (3), J.L Godard (3), etc…
Faites un clic droit sur « Alain Delon » et « Copier l’adresse du lien »







3 – Dans le back office, Onglet « Publication d’un message », sous-onglet « Modifier les messages »



3 – 1 - Cliquer sur « Modifier » du message « Mireille Darc »


3 – 2 - Sélectionner « Alain Delon » dans le corps du texte, puis cliquer sur le bouton « Lien »


Coller votre lien dans la boite de dialogue et faites « OK » NE PUBLIER PAS LE MESSAGE


4- Retourner dans le front-office, et répéter l’étape 2 mais avec le libellé de « J.L Godard ». Puis revenez dans le back-office et répéter l’étape 3 – 2.
5 – Recommencer encore une fois avec « Jean Paul Belmondo » et « Mireille Darc »
6 – Cliquer sur



7 – Procéder de la même manière pour les articles « Jean Paul Belmondo » et « Alain Delon »

Chacun des mots transformés en « Hyperlien » se voit doté des mêmes propriétés que les libellés de la Sidebar.
Si vous cliquez sur Alain Delon, les 3 articles avec Alain Delon s’afficheront, si vous cliquez sur « Jean Paul Belmondo » se sera deux articles, etc…

Bien entendu vous pouvez également choisir comme lien, l’adresse d’un article précis ou de n’importe quelle page web.