mercredi 30 novembre 2011

Désactiver la lightbox

Pour des raisons qui vous sont propres, vous voulez désactiver l'affichage des images en lightbox (sur fond noir dans une nouvelle fenêtre) et revenir à l'ancienne présentation ?

Paramètres [1] / Publications et commentaires [2] / Messages / Exposer des images en mode lightbox : Non [3].


A+

vendredi 25 novembre 2011

Insérer un diaporama Blogger dans un gadget

Nous avons vu dans l'article précédent comment déposer un diaporama de Picasa dans un message, par exemple.
Ici, nous allons voir comment utiliser un diaporama à partir du gadget Blogger.
C'est très rapide et facile. Cela est plus approprié pour une diffusion dans la colonne des gadgets.

La mise en page
Pour commencer, nous allons aller sur le menu Mise en page [1].
Puis sélectionner l'endroit où nous voulons positionner ce diaporama : cela peut être dans une colonne ou un pied de page. On clique sur le lien Ajouter un gadget sur l'endroit choisi [2]

Le gadget Blogger
Dans la liste des gadgets proposés, nous cliquons sur la croix + du diaporama [3].

Dans la fenêtre de configuration du diaporama, il convient tout d'abord de sélectionner la source : Autre [4].
Dans la zone URL du flux [5], nous allons déposer le flux que nous allons chercher sur Picasa.

Le flux sur Picasa
Sur Picasa, il suffit d'aller dans le dossier des photos et prendre le lien (clic droit + copier) marqué RSS [7]

Retour sur le gadget Blogger
Reste maintenant à coller ce lien dans la zone URL du flux [5].
Et à enregistrer [6].

A+

jeudi 24 novembre 2011

Insérer un diaporama Picasa dans un message

Il existe des services qui proposent la production de diaporamas avec de multiples options. Pour autant, les passerelles entre Picasa et Blogger sont très pratiques pour des besoins de base et, de plus, rapides à mettre en place.

La confection du diaporama chez Picasa
Il faut tout d'abord aller dans Picasa et déposer ses photos dans un album.

Le partage des données pour Blogger
Ensuite dans la partie droite de Picasa, vous avez le pavé ci-dessous :
Pour accéder aux options présentées ci-après, il faut aller modifier [1] les droits d'accès à cet album. Cliquer sur le lien.
Dans la nouvelle fenêtre qui s'ouvre par dessus, vous devez sélectionner, au minimum, Réservé aux utilisateurs disposant du lien [2]. Puis Enregistrer les modifications [3].

De retour sur l'écran précédent, nous notons l'apparition d'options supplémentaires.
Cliquer sur le lien Lien vers cet album [4]. A ce moment, s'ouvrent d'autres choix.
Cliquer sur le lien Insérer un diaporama dans une page Web [5].  
Une fenêtre pop-up s'ouvre :
Il est possible, parmi d'autres options, de Sélectionner la taille du diaporama [6].
Le code ainsi généré du diaporama est disponible [7] pour être copié.
Cliquer sur OK [8] pour fermer la fenêtre.

L'intégration du diaporama dans Blogger
Ensuite, rien que du classique :
► coller le code de l'album Picasa dans le message de Blogger.

Ce qui donnera :


A +

mercredi 16 novembre 2011

Ouvrir un lien dans une nouvelle fenêtre

La possibilité d'ouvrir un lien dans une nouvelle fenêtre a déjà été présentée ici.
Nous pouvions le faire en intégrant à la mimine le fameux target="_blank" dans le formulaire de rédaction du message.
C'est désormais beaucoup plus facile.
Et surtout c'est intégré dans Blogger ; donc plus rien à écrire !

[1] : le premier point est d'écrire son texte
[2] : ensuite il faut surligner la zone cliquable qui renverra donc vers le lien choisi
[3] : un clic sur le lien Associer et une fenêtre supplémentaire s'ouvre en pop-up (surimpression)
[4] : le texte de la zone cliquable est reporté
[5] : indiquer l'adresse du lien de destination
[6] : et voici la nouveauté, la case à cocher Ouvrir ce lien dans une nouvelle fenêtre
ensuite les opérations classiques, le OK [7] pour enregistrer les modifications, le choix du libellé, de l'heure de publication et l'enregistrement [8]

A+

lundi 14 novembre 2011

Intégrer un formulaire de contact 2/2

Suite de la partie 1 : Conception du formulaire

Intégration du formulaire dans le blog

De retour sur le blog, nous allons donc donner un nom [1] à la page (cela me semble plus approprié que dans un message) puis coller le code généré par Google Docs dans le formulaire de rédaction [2].
Bien sûr, il faudra encore planifier le formulaire, lui donner un libellé [4] et l'enregistrer ou le publier [5].
J'attire votre attention sur les dimensions du formulaire produites par Google Docs. Il est fort possible que vous ayez à modifier la largeur (width) et éventuellement la longueur (lenght) [3] pour l'adapter à votre configuration.

Voici donc le résultat que j'ai livré très rapidement sur mon blog. Il est possible d'en améliorer le présentation par les thèmes que je vous ai présentés plus haut.

Publication des résultats

Ainsi paramétré, vous recevrez par mail sur votre compte Gmail, un message de ce type vous informant qu'un lecteur vous a laissé un message :
Sur le formulaire de Google Docs, voici le résultat :
Vous aurez la date de dépôt du message [1] ainsi que les renseignements fournis par votre lecteur [2] suite à votre conception du formulaire.

A+

Intégrer un formulaire de contact 1/2

Personnaliser un formulaire de contact, déposer un questionnaire, faire un sondage, sont des besoins qui se font sentir afin d'établir des relations plus étroites et personnalisées avec ses lecteurs. Mais comment faire ?
Des sites vont vous proposer ces options, mais s'ils offrent des options intéressantes, celles ci ne sont pas toujours pérennes. Il me semble qu'il est préférable d'utiliser les outils intégrées de Google.
Parmi ceux çi : Google Docs ► si vous avez un blog, vous devriez avoir avoir un compte Google et disposer de Google Docs.

Conception du formulaire

Se connecter à Google Documents [1] puis cliquer sur le bouton Créer [2].
Juste en dessous, les options suivantes s'affichent. Cliquer sur Formulaire :

Voici le formulaire de composition du formulaire sous Google Docs :
Voici les points significatifs :
[1] : Précisez ici le titre du formulaire
[2] : un petit message complémentaire peut être donné aux lecteurs
[3] : Intitulé de la question. Ici dans le cas, d'un formulaire de contact, on demandera par exemple le mail de l'expéditeur afin de pouvoir lui répondre
[4] : Texte de l'aide, si besoin de précision
[5] : Type de question. Plusieurs options.
Ici Texte permet de saisir un court message pour la réponse.
Il existe aussi Texte de paragraphe qui, lui, laisse une plus grande latitude à votre lecteur.
Pour d'autres utilisations (sondage, questionnaire) vous avez aussi Choix multiples, Cases à cocher, Sélectionner dans une liste, etc.
[6] : Rendre cette question obligatoire. On oblige une réponse de la part du lecteur. C'est notamment nécessaire si on veut connaître son adresse mail afin de lui répondre.
[7] : OK. Ce bouton permet de valider la première question et de passer à la création de la suivante.
[8] : Pour la création de la question suivante, il faut se positionner en face de la question suivante (exemple de question 2) et cliquer sur les boutons d'action (modifier, dupliquer ou supprimer). Ou alors se mettre au niveau de la question 1 et faire dupliquer pour aller ensuite en modifier.
[9] :  Thème. Ici, vous allez avoir plusieurs modèles de présentations différentes de ce formulaire.

Voici, une fois rempli, le formulaire que j'ai préparé :

En cliquant sur le menu Autres actions [1] puis Intégrer [2], vous pouvez récupérer le code de ce formulaire que vous pourrez déposer dans un message ou une page statique de votre blog.

Encore quelques petits réglages supplémentaires, notamment sur le menu Outils [1] puis Règles de notification [2] de votre formulaire :

Ici, vous pouvez spécifier si vous souhaitez être informé par mail [1] et à quelle périodicité ou régularité [2] :


A+

mardi 8 novembre 2011

Insérer un gadget Image

Afin d'enjoliver et personnaliser son blog, nous avons souvent envie d'ajouter des images dans une colonne latérale.
L'opération est très simple et rapide.

Le point de départ est bien évidemment le menu Mise en page [1].
Ensuite à l'intérieur de la représentation de la page du blog, il suffit de cliquer sur le lien Ajouter un gadget [2] à l'endroit où nous désirons l'insérer. Cela peut être une colonne comme un pied de page par exemple.

S'ouvre ensuite une nouvelle fenêtre qui nous permet de sélectionner le gadget désiré. En l'occurrence ici, nous désirons insérer une Image. Il suffit de cliquer sur le petit + [1] à côté :

La fenêtre qui suit est celle du paramétrage de ce gadget Image :
Il suffit de mettre un titre [1] à ce gadget, une légende [2]. Le titre se positionne en haut et la légende en bas de l'image.

Le champ Associer [3] est intéressant car il permet de réaliser une image cliquable, c'est à dire renvoyant vers le lien mentionné.

Le champ Image [4] permet de sélectionner l'origine de l'image (sur votre ordinateur ou sur le net).
Ensuite on enregistre [5] cette configuration puis la disposition (cf bouton du 1er écran).

A+

Mise à jour 2013 : depuis quelques temps, le titre est obligatoire dans ce gadget, ce qui peut être déplaisant dans certaines configurations. Il est possible de s'en sortir en saisissant les caractères :
<!-- -->
dans le champ de saisie.

mercredi 2 novembre 2011

Supprimer un message

Mise à jour 2011

Supprimer un message est une opération très simple.

Le point de départ est le Tableau de Bord.
On clique sur le menu Messages [1] puis on survole le message sélectionné [2]. A ce moment, une barre d'actions s'affiche en dessous du nom du message.
Cliquer sur le lien Supprimer [3].
Voilà, c'est tout simple.
Il existe une autre manière de faire l'opération.
Toujours par Messages [1] bien sûr, ensuite il suffit de cocher la case en face du message que l'on veut supprimer [4] puis de cliquer sur la poubelle [5].

Une demande de confirmation à propos de la suppression s'affiche en pop-up.
Attention, par rapport à l'ancienne version de Blogger, il n'y a plus l'option de pouvoir garder les images malgré la suppression du message. Dorénavant, la suppression du message entraîne de facto celle de l'image sur le compte Picasa.

A+

LinkWithin

Related Posts with Thumbnails