Networks dev.ModulesHTML5

Google+ - Share button

Les paramètres du module

Attribut Valeur Signification
class g-plus Syntaxe HTML5
data-action share Détermine le type d'action du module : bouton de partage (share)
data-href https:// Adresse web à partager
data-annotation
  • inline
  • bubble
  • vertical-bubble
  • none
Alignement
data-align
  • left
  • right
Alignement
data-expandTo
  • top
  • right
  • bottom
  • left
Forcer le positionnement de la vignette.
data-width Largeur de l'annotation intégrée.
data-height
  • 15
  • 20
  • 24
  • 60

Hauteur du module.

La valeur est fixée à 60 si l'annotation est égale à vertical-bubble.

Dans les autres cas, les valeurs sont 15, 20 et 24.



Exemple HTML

<div class="g-plus"
     data-action="share"
     data-href="https://bloggercode-blogconnexion.blogspot.com/"
     data-annotation="vertical-bubble"
     data-height="60">
</div>
Résultat :


Conversion XML

Le code officiel fourni par Google Developers est un code HTML. Pour l'injecter dans l'éditeur XML de Blogger, certaines règles XML doivent être respectées :
  • Les double-quotes deviennent des single-quotes.
  • La balise d'ouverture devient la balise de fermeture : <div></div><div/>.

Chaque attribut contenant une expression Blogger doit être précédé du préfixe expr: et chaque expression doit ressortir un résultat correspondant à la valeur attendue dans l'attribut (par exemple, une url dans l'attribut data-href).

Exemple
<div class='g-plus'
     data-action='share'
     expr:data-href='EXPRESSION'
     data-annotation='vertical-bubble'
     data-height='60'/>

Pour automatiser certaines valeur comme par exemple l'url canonique à partager, certaines données et certains opérateurs peuvent être intégrés dans le code.
Vous choisissez les données à intégrer en fonction de l'emplacement du code dans le modèle. Par exemple, si le code est injecté dans le widget Blog, vous ajoutez une donnée issue du dictionnaire du widget Blog.

Données recommandées :

<div class='g-plus'
     data-action='share'
     expr:data-href='data:blog.url.canonical'
     data-annotation='vertical-bubble'
     data-height='60'/>
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
DéveloppementsMulti-versions
Facebook : Bouton partager [Share button]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire