Populaire cette année

Les gadgets Blogger [introduction]

Introduction aux gadgets Blogger
Sur les supports web comme les blogs Blogger, un gadget (ou appelé également widget, add-on, plugin, module, élément de page, etc...) est une petite application qui s'intègre dans des sections afin d'afficher du contenu, comme par exemple, des articles, une boîte de recherche, un flux, une liste de liens, une image, etc...


Ajouter un gadget officiel via la mise en page

Dans le tableau de bord de votre blog, rendez-vous dans l'onglet "Mise en page" :

  • Tableau de bord
  • Mise en page
  • Ajouter un gadget

Cliquez sur l'un des boutons "Ajouter un gadget" situé au-dessus des sections qui accueillent les gadgets.




Une liste de gadgets s'affiche dans une fenêtre pop-up. Sélectionnez-en un pour accéder à ses réglages.




Dans le panneau des réglages du nouveau gadget, ajoutez un titre, paramétrez les éventuelles options disponibles et terminez l'opération en cliquant sur "Enregistrer".




Après l'enregistrement, vous serez redirigé automatiquement vers l'onglet "Mise en page".


Ajouter un gadget tiers

Certains gadgets créés par des utilisateurs sont distribués sur le web. En réalité, ce sont des gadgets officiels HTML/Javascript dont le contenu a été modifié par le créateur. Pour les installer, il suffit de cliquer sur le bouton adéquat (l'apparence du bouton varie selon le site web et la langue).




Lorsque vous cliquez sur l'un de ces boutons, blogger.com reprend le relais afin que vous puissiez paramètrer ce gadget (et par la même occasion vous confirmer que vous êtes bien revenu sur la plate-forme Blogger). Sélectionnez le blog où le widget doit être installé, ajoutez un titre, consultez/modifiez le code HTML/XML du gadget et vous terminez l'opération en cliquant sur le bouton bleu "Ajouter un gadget".




Après avoir ajouté le gadget, vous serez redirigé automatiquement vers l'onglet "Mise en page" correspondant au blog que vous avez sélectionné dans l'écran précédent.


Ajouter un gadget officiel via le XML

Cette méthode est souvent utilisées par les développeurs de thèmes afin d'aller plus vite. Elle consiste à ajouter une balise <b:widget> après une balise <b:section> dans l'éditeur XML.

  • Tableau de bord
  • Thème
  • Modifier le code HTML

Exemple : Ajouter un gadget Libellés
<b:widget id='Label700' title='' type='Label'>

</b:widget>

Vous vous contentez d'ajouter simplement une double balise <b:widget> (une pour l'ouverture et l'autre pour la fermeture) et d'y inclure les attributs type et id (Voir le tableau des correspondances en bas de cette page). Il est également inutile d'ajouter le code contenu dans le widget, puisque Blogger le rajoute automatiquement après que le fichier soit enregistré. Après l'enregistrement, vous réactualisez la page de l'éditeur (CTRL+R) afin d'afficher ces codes manquants.
Si au moment de la réactualisation vous obtenez une alerte de votre navigateur de ce type : "Cette page demande de confirmer sa fermeture; des données saisies pourraient ne pas être enregistrées.", ignorez-là!!! Le nouveau code XML est bien enregistré dans les serveurs de Blogger avec en plus la version la plus récente de l'intégralité du code du contenu du widget, d'où l'intèrêt de réactualiser la page.


Supprimer un gadget

Un gadget non-verrouillé peut être supprimé via le panneau de configuration du gadget. Pour l'ouvrir, il y a 2 méthodes.

Méthode 1 : pour tous les thèmes :

  • Tableau de bord
  • Mise en page
  • Modifier le gadget

Méthode 2 : uniquement pour les thèmes layouts version 3 :

  • Tableau de bord
  • Thème
  • Personnaliser
  • Gadgets
  • Modifier le gadget

Dans le pied du panneau de configuration, cliquez sur le bouton "Supprimer".




Si le bouton n'est pas disponible, vous avez toujours la possibilité de supprimer le gadget via le code XML du thème.


Réagencer les gadgets dans la mise en page

Dans la mise en page, les gadgets non-verrouillés (ceux avec une poignée grise ornée de 5 points blancs) peuvent être déplacés à l'aide de la souris. Cliquez dessus et faites-les glisser pour les réagencer.




Pour terminer, cliquez sur le bouton "Enregistrer la disposition", situé en haut à droite de la mise en page.


Afficher/Masquer des gadgets

La visibilité des gadgets est une nouvelle fonctionnalité disponible uniquement dans les thèmes version 3.
Au lieu de supprimer vos widgets, vous avez la possibilité de les mettre en mode "invisible" et de les réactiver plus tard, sans perdre vos règlages.

L'option est disponible dans le panneau de configuration de chaque widget.




Ou encore, dans l'onglet "gadgets" dans l'outil de création de thèmes Blogger.




Réglages avancés des gadgets

Pour aller plus loin avec les gadgets, vous pouvez modifier, ajouter ou encore supprimer des réglages qui ne sont pas forcément disponibles dans le tableau de bord, mais qui restent paramétrables via l'éditeur XML.

  • Tableau de bord
  • Thème
  • Modifier le code HTML

Consultez ces documents pour en savoir plus :
La balise de section La balise de gadget Les balises de réglages des gadgets

Gadgets officiels actuellement disponibles

Ce tableau regroupe la liste des gadgets officiels distribués par Blogger.
Cliquez sur "Détails" pour consulter les caractéristiques de chaque gadget.

Icône Nom français
Description
Type Fiche technique
Blog Articles du blog
Gadget principal d'un blog qui affiche les articles, les commentaires, la pagination, etc...
Blog Détails
AdSense AdSense
Gagnez de l'argent en affichant des annonces pertinentes sur votre blog.
AdSense Détails
Attribution Attribution
Affiche les données d'attribution de votre blog.
Attribution Détails
BlogArchive Archives du blog
Simplifiez la navigation dans votre blog grâce à des liens vers vos anciens articles.
BlogArchive Détails
BloggerButton Logo
Ajoutez le logo Blogger à votre page.
BloggerButton Détails
BlogList Liste des blogs
Montrez ce que vous lisez avec un blogroll de vos blogs préférés.
BlogList Détails
BlogSearch Champ de recherche
Offrez aux internautes la possibilité d'effectuer des recherches dans votre blog.
BlogSearch Détails
ContactForm Formulaire de contact
Ajoutez un formulaire de contact à votre blog.
ContactForm Détails
FeaturedPost Sélection du message
Mettez en avant un post particulier sur votre blog.
FeaturedPost Détails
Feed Flux
Ajoutez le contenu d'un flux RSS ou Atom à votre blog.
Feed Détails
FollowByEmail Abonnement par e-mail
Proposez à vos visiteurs d'être informés par e-mail lorsque vous publiez de nouveaux articles.
FollowByEmail Détails
Followers Membres
Affiche une liste de vos abonnés.
Followers Détails
Header En-tête de la page
Affichez le titre et la description du blog.
Header Détails
HTML HTML/JavaScript
Ajouter une fonctionnalité tierce ou un autre code à votre blog.
HTML Détails
Image Image
Ajoutez une image provenant de votre ordinateur ou du Web.
Image Détails
Label Libellés
Afficher tous les libellés des articles dans votre blog.
Label Détails
LinkList Liste des liens
Affichez la liste de vos pages, sites et blogs favoris.
LinkList Détails
Navbar Barre de navigation
Gadget contenant une boîte de recherche, des boutons de partage et les options de connexion à Blogger.
Navbar Détails
PageList Pages
Affichez la liste des pages autonomes de votre blog.
PageList Détails
PopularPosts Articles les plus consultés
Affichez la liste des articles les plus consultés de votre blog.
PopularPosts Détails
Profile Profil/Contributeurs
Affichez des informations vous concernant.
Profile Détails
ReportAbuse Signaler un abus
Signaler du contenu inapproprié.
ReportAbuse Détails
Stats Statistiques du blog
Affichez le nombre de pages vues sur votre blog.
Stats Détails
Subscribe Liens d'inscription
Autorisez vos lecteurs à s’inscrire à votre blog à l’aide de lecteurs de flux populaires.
Subscribe Détails
Text Texte
Ajoutez un message texte à votre blog.
Text Détails
TextList Liste
Ajoutez la liste de vos livres ou de vos films préférés, ou tout ce qu'il vous plaira.
TextList Détails
Translate Traduction
Permettez aux visiteurs de traduire votre blog en plusieurs langues.
Translate Détails
Wikipedia Recherche Wikipedia
Ce gadget très pratique permet d'effectuer des recherches simples et rapides en texte intégral ou dans les articles Wikipedia.
Wikipedia Détails
Les gadgets spéciaux.
AddToBlogger Ajouter à Blogger (Add To Blogger)
Contenu tiers distribué sur le web et intégré dans un gadget HTML/Javascript.
HTML Détails
Common Commun
Composants communs des gadgets.
Common Détails
Global Universel
Composants universels.
Inexistant Détails

Voir également les gadgets Blogger dépréciés et en cours d'abandon


Introductions aux autres fonctionnalités Blogger

Spotlight

Populaires cette semaine

Les équivalents des données des gadgets version 1 dans la version 2