Networks dev.ModulesHTML5

Google+ - Follow button

Les paramètres du module

Attribut Valeur Signification
class g-follow Syntaxe HTML5
data-href https://plus.google.com/IDENTIFIANT Adresse du profil ou de la page Google+
data-annotation
  • none
  • bubble
  • vertical-bubble
Format du bouton
data-height
  • 15
  • 20
  • 24
Taille du bouton
data-rel
  • author
  • publisher
Relation du profil. Author ou publisher.


Exemple HTML

<div class="g-follow"
     data-href="https://plus.google.com/117378856874529913224"
     data-annotation="vertical-bubble"
     data-height="24">
</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.

Exemple
<div class='g-follow'
     data-href='https://plus.google.com/117378856874529913224'
     data-annotation='vertical-bubble'
     data-height='24'/>

Pour employer des valeurs variables en fonction de diverses conditions, 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 Profile, vous ajoutez des données issues du dictionnaire du widget Profile.

<b:loop values='[117378856874529913224,114671227071069817799]' var='profilId'>
  <div class='g-follow'
       expr:data-href='"https://plus.google.com/" + data:profilId'
       data-annotation='vertical-bubble'
       data-height='24'/>
</b:loop>
Le bouton apparaîtra autant de fois qu'il y a d'identifiants de profils Google+ définis dans la boucle.
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsMulti-versions
Facebook : Bouton J'aime [Like button]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire
ThéorieRéférences XMLTypes des variables d'habillage
Variables d'habillage - Les arrière-plans [background]
Populaire