DéveloppementsReconversion de gadgets

Gadget Articles récents par libellé


Les posts publiés avant juin 2015 sont susceptibles de contenir des informations obsolètes !
Référez-vous à la nouvelle théorie du langage XML ou/et posez vos questions sur le forum pour en savoir plus.
Description Gadget Gadget Version Template Version
Encore une adaptation du gadget Libellés. Cette fois-ci, je vous propose une version qui affiche les articles récents de chaque libellé. Avec le nom et le lien de l'article. Pour blog public ou privé. Avec ou sans le nom de l'auteur, la date et le résumé de chaque article.
Label
1
1
2
Gadget Messages récents par libellé
Encore une adaptation du gadget Libellés. Cette fois-ci, je vous propose une version qui affiche les articles récents de chaque libellé.
Avec le nom et le lien de l'article.
Pour blog public ou privé.
Avec ou sans le nom de l'auteur, la date et le résumé de chaque article.


Gadget Messages récents par libellé


Configuration du code du gadget

N° d'identification du gadget Choisir entre 1 et 999. Si vous avez déjà des gadgets "libellés" sur votre blog, veillez à ne pas choisir le même numéro.
Nom du gadget
ArticlesAfficher articles par libellé.
Afficher un résumé de caractères par article.
Auteur
Date
ID BLOG Laissez vide si votre blog est public ou si vos flux sont activés.
Condition d'affichage

<b:widget id='Label603' locked='false' title='Libellés' type='Label'>
<b:includable id='main'>
<b:if cond='data:display == &quot;list&quot;'>
<script style='text/javascript'>
function recent(json) {
  for (var i = 0; i &lt; numposts; i++) {
    var entry = json.feed.entry[i];
    var bctitle = entry.title.$t;
    var bcurl;
    if (i == json.feed.entry.length) break;
    for (var k = 0; k &lt; entry.link.length; k++) {
      if (entry.link[k].rel == &#39;alternate&#39;) {
        bcurl = entry.link[k].href;
        break;
      }
    }
    var bcyy = entry.published.$t.substring(0,4);
    var bcmm = entry.published.$t.substring(5,7);
    var bcdd = entry.published.$t.substring(8,10);
    var bcauthor = entry.author[0].name.$t;
    if (&quot;content&quot; in entry) {
      var bccontent = entry.content.$t;}
    else
    if (&quot;summary&quot; in entry) {
      var bccontent = entry.summary.$t;}
    else var bccontent = &quot;&quot;;
    var re = /&lt;\S[^&gt;]*&gt;/g;
    bccontent = bccontent.replace(re, &quot;&quot;);
    if (bccontent.length &gt; numchars) bccontent = bccontent.substring(0,numchars);
    document.write(&quot;<li><a href='&quot;+ bcurl +&quot;'>&quot;+ bctitle + &quot;</a><div><small>Par &quot;+ bcauthor +&quot;. Le &quot;+ bcdd +&quot;/&quot;+ bcmm +&quot;/&quot;+ bcyy +&quot;.</small></div>&quot;+ bccontent + &quot;...</li>&quot;);
  }
}
</script>

<script style='text/javascript'>
  var numposts=3;
  var numchars=100;
</script>
  <b:loop values='data:labels' var='label'>
    <h2><a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><b:if cond='data:showFreqNumbers'><span dir='ltr'> (<data:label.count/>)</span></b:if></h2>

    <div class='widget-content'>
      <ul>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=recent&quot;'/>

      </ul>
    </div>
  </b:loop>
<b:else/>

  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </div>
    </b:if>
    <b:include name='quickedit'/>
</b:includable>
</b:widget>


Où copier ce code ?

Tableau de bordModèleModifier le code HTMLGadget Blog1

Emplacements A copier juste avant
Au-dessus du gadget Blog<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'>


Déplacer le gadget

Si vous avez suivi toutes les étapes, le gadget est à présent visible sur votre blog, dans la colonne centrale juste au-dessus des articles.

Pour le déplacer, rendez-vous dans le tableau de bord (onglet Mise en page) et placez-le dans la colonne de votre choix.


Gadget Messages récents par libellé


Les paramètres Blogger

Les options du gadget sont totalement identiques par rapport au gadget original. Au lieu de s'afficher sous forme de liste à puces, les libellés sont accompagnés des derniers articles correspondant.

Tous les paramètres sont opérationnels.


Gadget Messages récents par libellé


Liens divers

Dernière modification :
Assistance publique pour le produit Blogger sur les Forums d'aides :

Certifiée par Google - Experte Platine TC (Ambassador & Advanced Troubleshooter):
  • Affectation Google France, produit Blogger, du 11/07/2011 au 28/07/2014.
  • Affectation Google US, produit Blogger depuis le 28/07/2014.

Posts les plus consultés de ce blog

DéveloppementsFichiers XML
Favicons multi-sets [icon / apple-touch-icon / msapplication]
Populaire
ThéorieRéférences XMLParamètres des données
Le paramètre Image redimensionnable [isResizable]
Populaire