Excessivement populaire

Ajouter des boutons à la barre de partage Blogger [update 2025]

Ajouter des boutons à la barre de partage Blogger

Personnalisez la barre de partage intégrée aux thèmes Blogger de la première et deuxième génération. Ce générateur vous permet de choisir jusqu’à 10 services web parmi plus de 30 réseaux sociaux et d’adapter le design à votre goût. Le code XML et CSS est créé automatiquement, prêt à être inséré dans votre thème.

Présentation

La barre de partage Blogger a fait son apparition en 2009 dans les thèmes de première génération, puis a été reprise dans les thèmes V2. Elle offrait aux blogueurs une solution simple pour ajouter des boutons de partage social sous chaque article. À l’époque, notre premier générateur de 2012 avait permis de personnaliser cette barre et de choisir différents services comme Facebook, Twitter, Orkut ou encore Google+.

Mais avec le temps, cet outil est devenu obsolète : certains réseaux ont disparu, le design était figé et la prévisualisation inexistante. C’est pourquoi nous vous proposons aujourd’hui une nouvelle version 2025 : un générateur modernisé qui reprend l’esprit original tout en ajoutant plus de 30 services web au choix, un design personnalisable (taille, couleur, bordure) et une compatibilité directe avec les thèmes Blogger V1/V2.

Grâce à cette mise à jour, vous pouvez créer en quelques clics une barre de partage optimisée et adaptée à votre marché, tout en conservant la simplicité d’intégration qui a fait le succès des outils Blogger.

Activer l'option native des boutons de partage

Avant de personnaliser la barre, il faut d’abord activer les boutons de partage dans le tableau de bord Blogger. Sans cette étape, la barre ne sera pas générée dans le code du thème, même si vous ajoutez notre développement.

Important

L’option n’est disponible que si votre blog est public. Les blogs privés ou restreints n’affichent pas la barre de partage.

  • UI
  • Mise en page
  • Modifier "Articles du blog"

Dans la fenêtre des paramètres des articles, cochez l’option Boutons de partage puis sauvegardez.

Activer les boutons de la barre de partage Blogger. Enable Blogger Share Bar Buttons

Configurer la barre de partage

Utilisez ci-dessous notre générateur de barre de partage Blogger. Sélectionnez vos services préférés (jusqu’à 10 maximum), personnalisez la taille des boutons et le design de la barre (icônes couleur ou noir & blanc, bordures, arrière-plan).

En temps réel, l’aperçu vous montre le rendu final. Une fois vos choix validés, copiez le code XML et le code CSS générés automatiquement puis intégrez-les dans votre thème Blogger.

Choix des boutons
Design de la barre
Aperçu
Options des liens
Conditions d'affichage du widget

Sélectionnez les types de pages sur lesquelles afficher la barre de partage. Si tout est coché ou décoché, cela revient à afficher sur "Toutes les pages".

Le code XML
Le code CSS

Où recopier le code XML ?

  • UI
  • Thème
  • Menu Personnaliser
  • Modifier le code HTML
Recherchez l'inclusion shareButtons
<b:includable id='shareButtons' var='post'>

Où recopier le fichier CSS ?

Le fichier CSS doit être ajouté via le concepteur de thème :

  • UI
  • Thème
  • Personnaliser
  • Avancé
  • Ajouter le fichier CSS

Pour les thèmes Modernes

Ce générateur est réservé aux thèmes Blogger de première et deuxième génération (V1/V2).

Si vous utilisez un thème Moderne (V3), la barre de partage n’existe plus sous cette forme, mais il est possible d’ajouter ou de modifier les boutons sociaux directement dans le code du thème.

Consultez nos guides dédiés

Spotlight

Populaires cette semaine

Optimisation vocale (long-tail, langage naturel, "near me")

Call-to-Action - L'appel à l'action

L'opérateur de coalescence (alias Elvis)