Populaire cette année

Introduction : Les gadgets Blogger

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 » :

  • UI
  • 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 ».

Enregistrer un gadget Blogger. Save a Blogger gadget.

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.

  • UI
  • Thème
  • Menu Personnaliser
  • 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 :

  • UI
  • Mise en page
  • Modifier le gadget

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

Supprimer un gadget Blogger. Remove a Blogger gadget.

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, enregistrez la nouvelle disposition en cliquant sur l'icône « Disquette », situé en bas à droite de la mise en page.



Afficher/Masquer des gadgets

La visibilité des gadgets est une 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.

Option de visibilité des gadgets dans le panneau des réglages. Gadget visibility option in the settings panel.

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

Option de visibilité des gadgets dans dans l'outil de création de thèmes Blogger. Gadget visibility option in the Blogger theme editor.


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.

  • UI
  • Thème
  • Menu Personnaliser
  • 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

Cette liste regroupe les gadgets officiels distribués par Blogger.
Consultez nos fiches pour connaître les caractéristiques de chaque gadget.

Icône Type Nom français
Description
Blog Blog

Articles du blog

Gadget principal d'un blog qui affiche les articles, les commentaires, la pagination, etc...

Fiche détaillée du gadget

AdSense AdSense

AdSense

Gagnez de l'argent en affichant des annonces pertinentes sur votre blog.

Fiche détaillée du gadget

Attribution Attribution

Attribution

Affiche les données d'attribution de votre blog.

Fiche détaillée du gadget

BlogArchive BlogArchive

Archives du blog

Simplifiez la navigation dans votre blog grâce à des liens vers vos anciens articles.

Fiche détaillée du gadget

BloggerButton BloggerButton

Logo

Ajoutez le logo Blogger à votre page.

Fiche détaillée du gadget

BlogList BlogList

Liste des blogs

Montrez ce que vous lisez avec un blogroll de vos blogs préférés.

Fiche détaillée du gadget

BlogSearch BlogSearch

Champ de recherche

Offrez aux internautes la possibilité d'effectuer des recherches dans votre blog.

Fiche détaillée du gadget

ContactForm ContactForm

Formulaire de contact

Ajoutez un formulaire de contact à votre blog.

Fiche détaillée du gadget

FeaturedPost FeaturedPost

Article épinglé

Mettez en avant un post particulier sur votre blog.

Fiche détaillée du gadget

Feed Feed

Flux

Ajoutez le contenu d'un flux RSS ou Atom à votre blog.

Fiche détaillée du gadget

Followers Followers

Membres

Affiche une liste de vos abonnés.

Fiche détaillée du gadget

Header Header

En-tête de la page

Affichez le titre et la description du blog.

Fiche détaillée du gadget

HTML HTML

HTML/JavaScript

Ajouter une fonctionnalité tierce ou un autre code à votre blog.

Fiche détaillée du gadget

Image Image

Image

Ajoutez une image provenant de votre ordinateur ou du Web.

Fiche détaillée du gadget

Label Label

Libellés

Afficher tous les libellés des articles dans votre blog.

Fiche détaillée du gadget

LinkList LinkList

Liste des liens

Affichez la liste de vos pages, sites et blogs favoris.

Fiche détaillée du gadget

Navbar Navbar

Barre de navigation

Gadget contenant une boîte de recherche, des boutons de partage et les options de connexion à Blogger.

Fiche détaillée du gadget

PageList PageList

Pages

Affichez la liste des pages autonomes de votre blog.

Fiche détaillée du gadget

PopularPosts PopularPosts

Articles les plus consultés

Affichez la liste des articles les plus consultés de votre blog.

Fiche détaillée du gadget

Profile Profile

Profil/Contributeurs

Affichez des informations vous concernant.

Fiche détaillée du gadget

ReportAbuse ReportAbuse

Signaler un abus

Signaler du contenu inapproprié.

Fiche détaillée du gadget

Stats Stats

Statistiques du blog

Affichez le nombre de pages vues sur votre blog.

Fiche détaillée du gadget

Subscribe Subscribe

Liens d'inscription

Autorisez vos lecteurs à s’inscrire à votre blog à l’aide de lecteurs de flux populaires.

Fiche détaillée du gadget

Text Text

Texte

Ajoutez un message texte à votre blog.

Fiche détaillée du gadget

TextList TextList

Liste

Ajoutez la liste de vos livres ou de vos films préférés, ou tout ce qu'il vous plaira.

Fiche détaillée du gadget

Translate Translate

Traduction

Permettez aux visiteurs de traduire votre blog en plusieurs langues.

Fiche détaillée du gadget

Wikipedia 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.

Détails

Les gadgets spéciaux.
AddToBlogger HTML

Ajouter à Blogger (Add To Blogger)

⚠️ Mise à jour 18/09/2024 : Déprécié.

Contenu tiers distribué sur le web et intégré dans un gadget HTML/Javascript.

Fiche détaillée du gadget

Common Common

Commun

Composants communs des gadgets.

Fiche détaillée du gadget

Global Inexistant

Universel

Composants universels.

Fiche détaillée du gadget

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



Patch pour les Thèmes Modernes

Certains widgets n'ont pas été optimisés dans les thèmes officiels Essential, Contempo, Emporio, Notable et Soho.
Le patch que nous vous proposons contient les styles pour les gadgets suivants :

  • BlogList BlogList - Mise en forme des éléments du blogroll.
  • ContactForm ContactForm - Mise en forme du formulaire de contact et des messages.
  • Label Label - Libellés en nuage (taille des polices).
  • Stats Stats - Ajout du compteur noir.
  • Subscribe Subscribe - Mise en forme des menus déroulants
  • Translate Translate - Mise en forme de la boîte de sélection de la langue.
  • Wikipedia Wikipedia - Mise en forme de la boîte de recherche et des résultats.



Introductions aux autres fonctionnalités Blogger

Spotlight

L'Éditeur XML de Thème Blogger : Quand le BackEnd Rencontre le FrontEnd

Populaires cette semaine

Ajouter des boutons à la barre de partage Blogger