Introduction : Les 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 ».
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
<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 ».
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.
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.
- 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 gadgetsGadgets 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... |
AdSense | AdSense |
AdSense Gagnez de l'argent en affichant des annonces pertinentes sur votre blog. |
Attribution | Attribution |
Attribution Affiche les données d'attribution de votre blog. |
BlogArchive | BlogArchive |
Archives du blog Simplifiez la navigation dans votre blog grâce à des liens vers vos anciens articles. |
BloggerButton | BloggerButton |
Logo Ajoutez le logo Blogger à votre page. |
BlogList | BlogList |
Liste des blogs Montrez ce que vous lisez avec un blogroll de vos blogs préférés. |
BlogSearch | BlogSearch |
Champ de recherche Offrez aux internautes la possibilité d'effectuer des recherches dans votre blog. |
ContactForm | ContactForm |
Formulaire de contact Ajoutez un formulaire de contact à votre blog. |
FeaturedPost | FeaturedPost |
Article épinglé Mettez en avant un post particulier sur votre blog. |
Feed | Feed |
Flux Ajoutez le contenu d'un flux RSS ou Atom à votre blog. |
Followers | Followers |
Membres Affiche une liste de vos abonnés. |
Header | Header |
En-tête de la page Affichez le titre et la description du blog. |
HTML | HTML |
HTML/JavaScript Ajouter une fonctionnalité tierce ou un autre code à votre blog. |
Image | Image |
Image Ajoutez une image provenant de votre ordinateur ou du Web. |
Label | Label |
Libellés Afficher tous les libellés des articles dans votre blog. |
LinkList | LinkList |
Liste des liens Affichez la liste de vos pages, sites et blogs favoris. |
Navbar |
Barre de navigation Gadget contenant une boîte de recherche, des boutons de partage et les options de connexion à Blogger. |
|
PageList | PageList |
Pages Affichez la liste des pages autonomes de votre blog. |
PopularPosts | PopularPosts |
Articles les plus consultés Affichez la liste des articles les plus consultés de votre blog. |
Profile | Profile |
Profil/Contributeurs Affichez des informations vous concernant. |
ReportAbuse | ReportAbuse |
Signaler un abus Signaler du contenu inapproprié. |
Stats | Stats |
Statistiques du blog Affichez le nombre de pages vues sur votre blog. |
Subscribe | Subscribe |
Liens d'inscription Autorisez vos lecteurs à s’inscrire à votre blog à l’aide de lecteurs de flux populaires. |
Text | Text |
Texte Ajoutez un message texte à votre blog. |
TextList | TextList |
Liste Ajoutez la liste de vos livres ou de vos films préférés, ou tout ce qu'il vous plaira. |
Translate | Translate |
Traduction Permettez aux visiteurs de traduire votre blog en plusieurs langues. |
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. |
Les gadgets spéciaux. | ||
AddToBlogger | HTML |
Ajouter à Blogger (Add To Blogger) Contenu tiers distribué sur le web et intégré dans un gadget HTML/Javascript. |
Common | Common |
Commun Composants communs des gadgets. |
Global | Inexistant | Universel Composants universels. |
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
- Les thèmes Blogger
- Les gadgets Blogger
- Les options des articles
- La gestion
- La structure d'un blog
- Posts & Pages
- S.E.O. - Search Engine Optimization
- Up & Down