Networks dev.ModulesHTML5

Google+ - Followers

Les paramètres du module

Attribut Valeur Signification
class g-plus Syntaxe HTML5
data-action followers Détermine le type d'action du module : module abonnés
data-href https://plus.google.com/IDENTIFIANT Adresse profil utilisateur ou page Google+
data-theme
  • dark
  • light
Thèmes couleur du texte
data-width Largeur
data-height Hauteur


Exemple HTML

<div class="g-plus"
     data-action="followers"
     data-href="https://plus.google.com/117378856874529913224"
     data-theme="dark"
     data-width="500"
     data-height="120">
</div>
Résultat :


Conversion XML

Pour injecter ce module 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-plus'
     data-action='followers'
     data-href='https://plus.google.com/117378856874529913224'
     data-theme='dark'
     data-width='500'
     data-height='120'/>

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 une donnée issue du dictionnaire du widget Profile.

<b:loop values='[117378856874529913224,114671227071069817799]' var='profilId'>
  <div class='g-plus'
       data-action='followers'
       expr:data-href='"https://plus.google.com/" + data:profilId'
       data-theme='dark'
       data-width='500'
       data-height='120'/>
</b:loop>
Le module apparaîtra autant de fois qu'il y a d'identifiants de profils Google+ définis dans la boucle.

Ce module est également distribué par Blogger. Consultez les gadgets disponibles :

  • Tableau de bord
  • Mise en page
  • Ajouter un gadget
Dernière modification :

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Populaire
DéveloppementsFichiers XML
Résumés des articles avec images réactives [Pack 2016]
Populaire