26/03/09

Les gadgets blogger pour personnaliser son blog

Un blog est constitué schématiquement de deux parties: les articles et les modules (ou gadgets) souvent situés dans des menus latéraux. Les articles constituent le contenu variable d'un blog, alors que les menus sont le contenant, ils sont fixes et figurent généralement sur toutes les pages d'un blog.
J'ai déjà développé cet aspect de la structure d'un blog dans un précédent billet: Choisir un modèle blog: colonnes et mise en page.

Je vais détailler aujourd'hui tous les gadgets disponibles pour constituer le(s) menu(s) d'un blog blogger.

Blogueur débutant: comment rajouter des gadgets dans son blog blogger


Premier blog encore tout neuf? Vous avez déjà franchi plusieurs étapes:
Parallèlement aux différentes personnalisations de votre modèle évoquées dans les articles mis en lien ci-dessus, vous pouvez rajouter différents gadgets dans vos menus latéraux.
Voilà comment procéder:
  • Rendez-vous dans Mise en page. Vous vous trouvez face à une représentation schématique de votre blog.
  • Cliquez sur Ajouter un gadget. Une fenêtre s'ouvre, qui vous propose une liste déroulante de différents gadgets.
  • Sélectionnez le gadget qui vous convient, personnalisez-le (titre, contenu) et validez.
  • Le nouveau gadget se place tout en haut de la colonne.
  • Vous pouvez ensuite le sélectionner puis le déplacer plus bas en le faisant glisser.
  • Faites un aperçu si nécessaire, puis enregistrez les modifications: votre nouveau gadget a été ajouté au menu de votre blog.
module-gadget-widget-blog-bloggerCapture d'écran: comment insérer des gadgets pour personnaliser un blog blogger
(Cliquer pour agrandir)

Blogueur débutant: comment modifier le contenu d'un gadget

Il existe 3 façons simples de modifier le contenu d'un gadget:
  • Au moment de sa création (voir les opérations décrites ci-dessus)
  • Une fois le gadget créé et validé, vous pouvez retourner dans Mise en page, puis cliquer sur "Modifier" dans le module à personnaliser.
  • Une troisième façon d'intervenir sur le contenu d'un gadget, et certainement la plus rapide: connectez-vous à votre cession et allez dans Paramètres > Général. A la question Afficher les liens modification rapide sur votre blog? sélectionnez OUI. De cette façon, à chaque fois que vous êtes connecté à votre plateforme blogger, vous pouvez afficher votre blog et modifier directement le contenu. Il suffit de cliquer sur le petit crayon pour modifier un article, et cliquer sur les outils en croix pour modifier le contenu d'un gadget.

Insérer ou modifier un gadget: Quels risques?

  • Si vous suivez les procédures standards, si vous ne tentez pas d'expérience hasardeuse mais que vous utilisez les gadgets pour ce pour quoi ils ont été conçus, vous ne courrez aucun risque particulier. C'est d'ailleurs un gros avantage: tout se fait dans la section Mise en page, et vous n'avez pas besoin d'ouvrir le code HTML ou CSS de votre blog. Les gadgets sont donc à la portée de tous.
  • Attention toutefois: apprentis-sorciers, si vous vous tentez l'insertion de balises HTML là où ça n'est pas prévu, vous pouvez planter votre modèle (expérience vécue!...). Donc avant de vous livrer à vos expérimentations, pensez à sauver votre modèle blog (code CSS HTML et articles).

Les différents gadgets pour personnaliser un blog blogger: (général)

  • Voilà la liste des gadgets Général disponibles. C'est cette liste qui s'ouvre par défaut lorsque l'on clique sur "Ajouter un gadget".
  • Je détaille les différents gadgets dans l'ordre où ils figurent sur la liste au moment où j'écris cet article. Cet ordre peut varier au fil du temps et de nouvelles fonctionnalités. Je ne développe que les gadgets que je connais bien, en particulier ceux qui sont utiles pour archiver, classer et catégoriser les articles du blog.
  • Pour chaque gadget, je fais un résumé succinct d'utilisations possibles. Certains gadgets seront repris plus en détail dans des articles spécifiques.

Abonnés fidèles

  • Une fonctionnalité récente de blogger. Elle permet à vos visiteurs d'afficher publiquement l'intérêt qu'ils portent à votre blog. Pour l'installer, cliquer sur "devenez membre".
  • Ce gadget a une présentation par défaut assortie à votre blog. Si vous décochez "utiliser les styles par défaut", vous pourrez modifier sa présentation (couleurs de police et de fond)
  • Dans tous les cas, le visiteur qui s'inscrit à votre blog peut choisir de laisser son profil public (en cliquant sur son avatar, on accède à sa page de profil, qui contient les informations qu'il a souhaité livrer au public, et éventuellement l'adresse de ses sites ou blogs personnels). Il peut aussi choisir de garder son profil privé (son avatar figure sur votre blog, mais on ne peut pas avoir accès à son profil personnel).
  • De même, si quelqu'un s'inscrit à votre blog alors que vous ne le souhaitez pas, vous pouvez le "cacher", supprimer son avatar de votre blog en vous rendant sur votre page profil Blogger et en cliquant sur le logo "abonnés fidèles". (Imaginez que vous ayez un blog à destination d'un jeune public, et qu'un abonné ait un blog personnel interdit aux moins de 18 ans!)
  • Que ce soit le visiteur qui s'inscrit ou l'auteur du blog qui a mis ce gadget dans son menu, chacun est donc libre de livrer ou non des informations personnelles, et d'accepter ou non un abonné visible dans son blog.
  • L'avantage pour l'auteur du blog? Il affiche une liste d'amis, une pratique devenue très populaire depuis facebook. L'avantage pour le visiteur? Il soutient l'auteur d'un blog, et en affichant son avatar sur un autre blog, il donne indirectement l'adresse de sa page web personnelle.
  • Mais il existe un léger inconvénient: Chaque gadget rajouté à un blog a son propre poids, et j'ai l'impression que ce gadget pèse plus lourd qu'une simple liste de liens.

HTML/java script

  • Un module dans lequel on copie des bouts de codes HTML ou java script. Polyvalent, ce gadget sert dans de nombreux domaines: ajouter un code pour renvoyer à un autre site (dans mon blog: le code de validation de mon inscription à XITI, en bas du menu), pour faire un lien retour suite à une inscription dans un annuaire, insérer des gadgets qui ne sont pas dans la liste blogger: musique dezeer, météo, compteur...
  • Remarques: on peut ajouter plusieurs fois ce gadget HTML java dans un même blog (exemple: un compteur + un lecteur de musique). On peut insérer plusieurs codes différents dans un même gadget (mais mieux vaut insérer un gadget différent pour chaque fonction: moins de risque de bug dans le fonctionnement de vos gadgets).

Texte

Un peu comme le gadget HTML, le gadget texte permet beaucoup de choses. En premier lieu, on peut y mettre... du texte! On peut y ajouter des liens, varier la couleur de fonte... Pour ceux qui ont quelques bases en programmation, on peut mettre en forme comme un texte d'article blog, et y insérer des images. (Un article à venir sur le sujet). Dans mon blog, le premier module (Droits d'auteur et icônes Twitter - RSS) est un simple module texte rédigé en html pour insérer les images, justifier le texte...

AdSense

Je passe! je suis au club des blogs sans pubs

Image

Un gadget pour ajouter très facilement une image. On peut mettre un lien sur l'image et ajouter une légende. Peut permettre d'insérer la bannière d'un autre site. Inconvénient: on ne peut télécharger qu'une image par gadget. Il faut donc rajouter un autre gadget image pour insérer une nouvelle image. (Dans ce blog, pour la liste d'images de mon menu, j'ai choisi un gadget texte rédigé en html dans lequel j'ai regroupé toutes mes images, plutôt que d'insérer autant de "gadgets images" que de vignettes.)

Diaporama

Je n'ai jamais utilisé ce type de diaporamas, donc là encore, je passe plutôt que de me risquer à vous induire en erreur. Mais Picasa (hébergeur d'images des blogs blogger par défaut) doit proposer d'insérer un diaporama dans votre menu.

Barre de recherche Vidéos

Jamais utilisée non plus, mais apparemment très simple d'emploi: un lien direct vers You Tube pour les amateurs de vidéo. Encore un gadget assez lourd pour votre page. (Une page trop lourde est lente à se charger pour le visiteur, et est pénalisée par google. J'ai déjà inséré des vidéos dans mon autre blog, mais j'ai préféré les mettre dans un article, et renvoyer à cet article par un lien dans le menu. Beaucoup plus léger.

Sondage

Très simple d'emploi, il suffit de suivre les consignes. Mais ne vous attendez pas à des statistiques mirobolantes! J'ai testé, toujours dans mon blog petite enfance, avant de me lancer dans la fastidieuse rédaction d'un index de tous mes articles. La question: souhaitez-vous que je crée cet index? Sur 1500 visites quotidiennes, j'avais au plus 3 votes par jour!... déprimant!

Liste de blogs

La liste de blogs ou blogroll, c'est un peu l'inverse du gadget "Abonnés": vous y rentrez l'adresse des blogs que vous aimez, afin d'inviter vos visiteurs à les découvrir. Vous pouvez déterminer le style d'affichage (avec ou sans miniature), et le nombre de sites affichés (seuls les derniers blogs qui ont été mis à jour s'affichent). Les blogs inscrits dans votre blogroll ne doivent pas forcément être des blogs blogger, mais ils doivent avoir un flux RSS (ou atom) valide. Si vous souhaitez afficher la miniature, seuls les blogs blogger auront cette miniature, alors que les autres blogs verront juste le titre du dernier article affiché.
A noter que les blogs que vous inscrivez dans votre blogroll ne sont pas informés qu'ils figurent sur votre blog.

Liste de liens

  • Tout est dit dans l'intitulé de ce gadget. A noter que l'on peut ajouter plusieurs listes de liens l'une à la suite de l'autre et indépendantes les unes des autres. Cela permet de trier ses liens en catégories. Exemple: blogs de photographes, annuaires...

Liste

Pas beaucoup de différences entre liste et liste de liens à part le fait que les éléments d'une simple liste ne sont pas obligatoirement des liens. Chaque élément de la liste peut renvoyer ou non à un lien. C'est ce que j'ai utilisé pour les modules "catégories" de mon blog.

Flux

En inscrivant le flux RSS d'un autre blog dans ce gadget, vous affichez les dernières mises à jour de ce blog ou site sur votre propre blog. Ce gadget est un peu l'ancêtre de la blogroll ou liste de blogs, et il vous permet d'afficher clairement le contenu d'un blog qui vous tient à coeur, ou de suivre depuis votre blog l'actualité d'un autre site (un site d'actualités par exemple, justement).

Newsreel (actualités)

Je passe: je ne connais pas les ficelles de ce gadget.

Libellés


Actualisation de l'article (octobre 2009): des nouveautés dans le gadget "libellés" blogger: insertion facile d'un nuage de tags sans toucher au HTML et quelques autres modifications. (Suivez le lien pour les détails)
Un gadget incontournable chez blogger: libellés, tags, mots-clés... ce gadget affiche la liste de tous les mots associés à vos articles. Dans mon blog, le module Libellés est le nuage de tags. (Voir les détails pour insérer un nuage de tags dans son blog à partir du code HTML du modèle, et les détails pour créer des catégories en complément des libellés).

Liens d'inscription

  • Ce gadget permet à vos visiteurs de s'abonner au flux de votre blog (Messages) ou au flux des commentaires (Tous les commentaires). L'abonnement au flux RSS permet de recevoir directement sur son ordinateur les dernières mises à jours de nos sites préférés sans avoir besoin de se rendre sur ces sites.
  • Ce gadget est vraiment mal fichu: il y a d'abord le mot "commentaires" qui sort de son cadre, et dans la plupart des blogs, je doute que beaucoup de visiteurs soient accros au point de s'abonner au flux de tous les commentaires.
  • Dans mon blog, je l'ai laissé, même s'il fait double emploi avec mon module aux "boutons animaux", car il permet au visiteur de s'inscrire à mon blog par l'intermédiaire de plusieurs agrégateurs de flux. Un jour, je personnaliserai tout ça...En attendant, je le cache en le plaçant très bas dans mon menu.
  • Le nombre d'abonnés au flux d'un blog est pris en compte par google et est censé améliorer le référencement. J'ai des doutes sur le sujet. Les flux RSS étaient censés révolutionner le web, de même que tous les réseaux sociaux qui fonctionnent sur la base des flux (netvibe, wikio, technorati...). Je ne suis pas certaine que "la mayonnaise ait pris", et que le nombre d'abonnés à un flux soit déterminant pour un bon référencement. Je crois que proposer l'inscription à son flux doit être fait en pensant aux visiteurs accros aux flux et aux agrégateurs, et non en espérant augmenter ainsi son pagerank.

Logo

Pour personnaliser le logo blogger. Rien d'autre à en dire.

Profil

  • En insérant ce gadget, vous donnez accès à un certain nombre d'informations personnelles (vous choisissez lesquelles). Ces informations sont celles que vous avez rentré en éditant votre profil lors de votre inscription à blogger. Vous pouvez à tout moment revenir sur ces informations, les modifier, les compléter ou les supprimer. (On accède à son profil en se connectant à son tableau de bord).
  • Remarque: sur votre blog comme sur beaucoup de sites internet,, ou sur votre compte google, vous n'êtes pas obligé de rentrer des informations personnelles. Vous pouvez vous réinventer un nom et une personnalité si cela vous chante, vous devez répondre uniquement aux questions auxquelles vous avez envie de répondre. Inutile de dévoiler les détails de votre vie privée, de vos convictions politiques ou religieuses si vous ne voulez pas qu'elles soient publiques. (Ceux qui se sont inscrits chez FaceBook ou Myspace savent à quoi je fais allusion). Mieux vaut commencer par un profil presque vide et rajouter au fur et à mesure des informations si vous le souhaitez, plutôt que de révéler des choses trop personnelles que vous pourriez regretter par la suite. Je ne parle pas seulement de relations entre bloggueurs qui auraient visionné votre profil (ou de votre patron qui découvre une autre facette de votre personnalité à travers votre blog), mais avant tout de spam ou de listing qui vous ficherait avec du harcellement publicitaire ou ce genre de chose. J'ignore quel est le risque réel, mais mieux vaut être trop prudent.

Archives du blog

Un gadget qui permet une recherche chronologique. Vous pouvez le personnaliser (archives plus ou moins détaillées). Je ne suis pas certaine qu'il soit très utile pour les visiteurs, exception faite de blogs actualités ou qui font directement référence aux mois de l'année. Mais personnellement, ce gadget me sert à retrouver facilement certains articles: il m'arrive de publier des articles à destination des visiteurs de mon site, ou des articles sans intérêts (comme ma page contact). Dans ce cas, j'anti-date mon billet pour qu'il ne soit pas vu sauf si l'on clique sur le lien adéquat. (détails dans Programmer ou antidater un article.) J'ai donc régulièrement besoin de retrouver la date de mes premiers articles, afin d'anti-dater mon nouvel article pour le placer là où je veux dans le blog. Les archives sont le plus court chemin.

En-tête de la page

L'en-tête comporte le titre et la description du blog, mais elle peut être remplacée par une image (qui peut elle aussi comporter du texte, mais si ce texte sera lu par vos lecteurs, il ne le sera pas par les robots google. C'est le principe de la bannière).

La navbar blogger

Voilà un petit gadget présent par défaut sur tous les blogs blogger, dont j'ai oublié de parler. Voir le sujet dans l'article : la navbar des blogs blogger: fonction et personnalisation.

Et les autres gadgets?

Je n'ai parlé ici que des gadgets blogger "généraux". Il en existe des centaines d'autres, accessibles depuis votre plateforme blogger ou en copiant un code donné par un autre site dans un gadget "HTML Javascript" (ce qui revient exactement au même). Je suis très réservée par rapport à ces guirlandes de gadgets gracieusement offerts par des tas de sites qui ne semblent souhaiter que votre bonheur. Et les autres gadgets que vous propose Blogger sont souvent directement ou indirectement liés à des sites commerciaux ou qui vivent de la pub. Ils ne sont pas plus (ni moins) risqués que ceux que vous pouvez dénicher en dehors de cette liste de gadgets blogger.

J'émettrais principalement deux réserves:
La première concerne le poids de ces gadgets. Un point déjà évoqué plus haut, mais à surcharger son blog d'un tas de programmes java ou HTML, le blog devient très lent à s'afficher. Vous perdez des visiteurs qui ne prennent pas le temps d'attendre, et vous pénalisez votre blog aux yeux des moteurs.

Ma seconde réserve est plus importante: en plongeant dans le monde merveilleux des gadgets gratuits, on a le sentiment de se servir de ces petites choses, alors que ce sont elles qui se servent de nos blogs. Pas de panique, tous les fournisseurs de gadgets ne sont pas malhonnêtes, loin de là. Mais certains fournisseurs d'outils blogs personnalisables (comme les compteurs) en profitent pour vous refiler un programme qui leur fera de la pub au détriment de votre blog, ou pire, qui ouvrira des fenêtres de pub intempestives dès que quelqu'un se rendra sur votre blog: très désagréable pour le visiteur, et là encore, sanction google! (Attention aux annuaires: certains pratiquent la même chose. Je me suis fait avoir dans mon précédent blog).

J'évite donc d'introduire dans mon blog des bouts de codes glanés à droite à gauche, et pour certains gadgets (comme lecteur CD ou vidéo), je préfère ne pas passer directement d'un compte à l'autre par des chemins automatiques proposés par les plateformes de vidéos ou CD. Je copie le code de ma musique ou de la vidéo, et je le recopie dans un article plutôt que dans un module. Excès de prudence?

Lorsque je convoite un gadget trouvé sur un autre site, je lance une petite recherche web avant de l'introduire dans mon blog. J'ai voulu un jour mettre un compteur dans ce blog. J'ai fini par en trouver un parfait, personnalisable aux couleurs de mon blog, ni trop petit, ni trop grand... J'allais l'importer, mais j'ai heureusement pris le temps de rechercher dans des forums si j'entendais parler de ce site fournisseur de compteurs merveilleux: ce site était mis à l'index de tous les forums, dénoncé pour introduire illégalement de la pub (spam) dans les blogs qui utilisaient ses compteurs, avec forte pénalisation à la clé. J'en ai encore des sueurs froides, et mon envie de compteurs a fondu comme neige au soleil. (Je n'ai pas conservé le nom de ce site).
___________________________________________________________________
Articles liés: Ces articles peuvent vous intéresser:

6 commentaires:

  1. Il y a du pain sur la planche!
    Je vais commencer par le nuage de tags (avec prudence). Merci, grâce à tes explications je comprends mieux le langage informatico-blogueur.
    Bonne nuit tout de même!

    RépondreSupprimer
  2. Félicitation, très bon article, je l'ai partagé dans Le Blogger Community : http://www.leblogger.com/2009/08/tous-savoir-widgets-gadget-blogger.html

    N'hésite pas à me proposer d'autres articles.

    RépondreSupprimer
  3. @ Soufiane: merci pour le lien :-)

    RépondreSupprimer
  4. Merci pour cet article: je suis en train de créer mon premier blog et je suis un peu perdu.

    RépondreSupprimer
  5. Merci pour cette série d'articles sur les blogs blogger ! C'est un partage d'expérience que j'apprécie vraiment, qui m'a déjà servi pour la création du blog photo du club auquel j'appartiens et qui m'est encore utile aujourd'hui à la création de mon propre blog. Merci encore !

    RépondreSupprimer
    Réponses
    1. De rien, et tant mieux si cela sert ☺
      Bonne continuation à tes carnets!

      Supprimer

ENVIE DE LAISSER UNE TRACE DE VOTRE VISITE OU DE DONNER VOTRE AVIS? N'HÉSITEZ PAS A ÉCRIRE UN COMMENTAIRE.
Merci de votre passage et à bientôt
Cathy Bernot


En savoir plus? Comment laisser un commentaire? Gestion et modération du blog?.