Nouveau widget : Google +1 pour vos articles (2/2)

Pour faire suite à notre précédent article concernant l'intégration du bouton Google +1 sur votre blog, nous mettons à votre disposition un widget vous permettant d'ajouter celui-ci pour chacune de vos notes.
Il est construit sur le même modèle que le wigdet Joliprint (que nous vous recommandons également) et ne requiert pas de connaissances techniques.
Il s'adresse uniquement aux utilisateurs TypePad ayant choisi un habillage basique dans TypePad, ceux ayant un habillage avancé peuvent suivre à la lettre les indications fournies par Google pour l'ajout du bouton.

La configuration du widget se fait à partir d'une page dédiée, nous détaillerons ci-dessous les principales options offertes.

Paramètrage

Choix du bouton

4 formats de bouton sont possibles pour Google +1, du plus discret au plus imposant. Sélectionnez le format que vous souhaitez voir afficher sur vos notes.
Nous vous recommandons les plus petits pour une inclusion en pied de note.

 

 

Sur quels éléments ce bouton doit-il apparaître ?

Vous pouvez ici choisir d'afficher le bouton sur toutes vos pages ou uniquement le permalien de vos articles.
Cochez la ou les cases qui ont votre préférence.

A quel endroit souhaitez-vous voir apparaître le bouton ?

Deux emplacements vous sont proposés, soit à la suite du titre d'une note, soit à la suite des éléments en pied de celle-ci.

Une fois votre sélection faite, cliquez sur "Prévisualiser et installer" pour valider le format choisi, ou sur "Réinitialiser" pour recommencer.

Si vous êtes satisfaits de son apparence, il ne vous reste plus qu'à cliquer sur "Installer ce Widget maintenant".
Vous serez alors envoyé vers la page d'ajout de Widgets dans votre interface TypePad. Sélectionnez le ou les blogs sur le(s)quel(s) le bouton doit s'afficher.
C'est terminé !



Une classe spécifique ".entry-footer-gplus" est attribuée à ce widget au cas où vous souhaitiez en modifier l'apparence. Ainsi si vous avez choisi de l'afficher en suite de titre, pour que le widget s'affiche à droite, vous pouvez ajouter les lignes suivantes dans votre CSS personnalié :

.entry-footer-gplus{
float:right;
}