Gadget Articles Recommandés

Gadget Articles Recommandés

Développement reconvertissant un gadget Liste en un gadget liste des articles recommandés du blog.
Divers réglages : Restrictions d'affichage, vignette, résumé, etc...

Présentation le gadget

Ce développement reconverti le gadget officiel "Liste" en un gadget "Liste d'articles recommandés par l'administrateur du blog".
Grâce aux identifiants des articles qui devront être ajoutés dans le panneau de configuration du gadget, le nouveau code du gadget "Liste" appellera le flux de l'article concerné et affichera son titre, sa vignette et son résumé.
Pour pouvoir bénéficier de ce développement, vous devez rendre l'accès au blog publique et activer les flux.

Paramètres à vérifier Chemin d'accès dans le tableau de bord Choix
Les flux
  • Paramètres
  • Autre
  • Flux
  • Autoriser les flux du blog
  • Complet
  • Partiel
  • Jusqu'au marqueur d'expansion
  • Aucun
L'accès au blog
  • Paramètres
  • Basique
  • Autorisations
  • Lecteurs du blog
  • Tous
  • Uniquement les lecteurs de ce blog
  • Uniquement ces lecteurs


Installation du gadget

Choisissez d'abord les paramètres. Les codes ci-dessous varieront en fonction de vos choix.

Paramètres du gadget
N° Identifiant ?
Titre
Éléments des articles
Vignette
Vignette substitution [NON-REQUIS] ?
Taille résumé 400 ?
Affichage du gadget ?
Appareils

Le code du gadget
<b:widget id='TextList605' locked='false' type='TextList' title='Articles recommandés' mobile='no'>
  <b:includable id='main'>
      <b:include name='content'/>
  </b:includable>
  <b:includable id='content'>
<!-- Gadget Articles recommandés - Blogger Config.
     Ref.: http://goo.gl/aqt53b -->

    <div class='PopularPosts'>
      <h2><data:title/></h2>
        <script type='text/javascript'>
        // <![CDATA[
          var showThumbnails = "true";
          var thumbnailSubstitution = "";
          var snippetslength = 1000;
          var _0xc985=["\x24\x74","\x74\x69\x74\x6C\x65","\x65\x6E\x74\x72\x79","\x73\x75\x6D\x6D\x61\x72\x79","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6C\x65\x6E\x67\x74\x68","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x75\x72\x6C","\x3C\x61\x20\x68\x72\x65\x66\x3D\x27","\x27\x3E","\x3C\x2F\x61\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x74\x69\x74\x6C\x65\x27\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x27","\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x73\x6E\x69\x70\x70\x65\x74\x27\x3E","\x2E\x2E\x2E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x27\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x27","\x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x3E\x3C\x69\x6D\x67\x20\x61\x6C\x74\x3D\x27\x27\x20\x62\x6F\x72\x64\x65\x72\x3D\x27\x30\x27\x20\x68\x65\x69\x67\x68\x74\x3D\x27\x37\x32\x27\x20\x73\x72\x63\x3D\x27","\x27\x20\x77\x69\x64\x74\x68\x3D\x27\x37\x32\x27\x2F\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x66\x61\x6C\x73\x65","\x74\x72\x75\x65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2D\x6F\x6E\x6C\x79\x27\x3E","\x3C\x2F\x64\x69\x76\x3E\x3C\x64\x69\x76\x20\x73\x74\x79\x6C\x65\x3D\x27\x63\x6C\x65\x61\x72\x3A\x20\x62\x6F\x74\x68\x3B\x27\x3E\x3C\x2F\x64\x69\x76\x3E","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x27\x69\x74\x65\x6D\x2D\x63\x6F\x6E\x74\x65\x6E\x74\x27\x3E","\x61\x70\x70\x24\x63\x6F\x6E\x74\x72\x6F\x6C","\x3C\x6C\x69\x3E","\x3C\x2F\x6C\x69\x3E","\x77\x72\x69\x74\x65"];function recommandpost(_0x754bx2){var _0x754bx3=_0x754bx2[_0xc985[2]][_0xc985[1]][_0xc985[0]];var _0x754bx4=_0x754bx2[_0xc985[2]][_0xc985[3]][_0xc985[0]];var _0x754bx4=_0x754bx4[_0xc985[4]](0,snippetslength);var _0x754bx5=_0xc985[5];for(var _0x754bx6=0;_0x754bx6<_0x754bx2[_0xc985[2]][_0xc985[7]][_0xc985[6]];_0x754bx6++){if(_0x754bx2[_0xc985[2]][_0xc985[7]][_0x754bx6][_0xc985[8]]==_0xc985[9]){var _0x754bx5=_0x754bx2[_0xc985[2]][_0xc985[7]][_0x754bx6][_0xc985[10]];break ;} ;} ;var _0x754bx7=_0xc985[5];if(_0xc985[11] in _0x754bx2[_0xc985[2]]){var _0x754bx7=_0x754bx2[_0xc985[2]][_0xc985[11]][_0xc985[12]];} ;if(_0x754bx7==_0xc985[5]){var _0x754bx7=thumbnailSubstitution;} ;var _0x754bx8=_0xc985[13]+_0x754bx5+_0xc985[14]+_0x754bx3+_0xc985[15];var _0x754bx9=_0xc985[16]+_0x754bx5+_0xc985[14]+_0x754bx3+_0xc985[17];var _0x754bxa=_0xc985[18]+_0x754bx4+_0xc985[19];if(_0x754bx7!=_0xc985[5]){var _0x754bxb=_0xc985[20]+_0x754bx5+_0xc985[21]+_0x754bx7+_0xc985[22];} else {var _0x754bxb=_0xc985[5];} ;if(showThumbnails==_0xc985[23]){if(snippetslength===0){var _0x754bxc=_0x754bx8;} else {if(snippetslength>0){var _0x754bxc=_0x754bx9+_0x754bxa;} ;} ;} else {if(showThumbnails==_0xc985[24]){if(snippetslength===0){var _0x754bxc=_0xc985[25]+_0x754bxb+_0x754bx9+_0xc985[26];} else {if(snippetslength>0){var _0x754bxc=_0xc985[27]+_0x754bxb+_0x754bx9+_0x754bxa+_0xc985[26];} ;} ;} ;} ;if(_0xc985[28] in _0x754bx2[_0xc985[2]]){} else {document[_0xc985[31]](_0xc985[29]+_0x754bxc+_0xc985[30]);} ;} ;
        // ]]>
      </script>
      <div class='widget-content popular-posts'>
        <ul>
          <b:loop values='data:items' var='recommend'>
            <script expr:src='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/summary/&quot; + data:recommend + &quot;?alt=json-in-script&amp;amp;callback=recommandpost&quot;' type='text/javascript'/>
          </b:loop>
        </ul>
        <b:include name='quickedit'/>
      </div>
    </div>
  </b:includable>
</b:widget>
Où recopier ce code ?

Le code doit être ajouté dans l'éditeur HTML du modèle :

  • Tableau de bord
  • Modèle
  • Modifier le code HTML

Recopiez le code au-dessus de :

<b:widget id='Blog1' locked='true' title='Articles du blog' type='Blog'>

Lorsque le modèle sera enregistré, le gadget sera positionné juste au-dessus du gadget des articles. Pour le déplacer dans une autre colonne, rendez-vous dans le volet "Mise en page".

  • Tableau de bord
  • Mise en page
  • Glisser/Déposer gadget "Articles recommandés"

Le gadget apparaîtra sur votre blog, dés que vous aurez ajouté des articles dans les paramètres du gadget.



Ajouter des articles dans le gadget

Lorsque vous avez fini d'installer le gadget, celui-ci n'apparaîtra pas sur votre blog, tant que vous n'aurez pas ajouté d'articles.

Pour ajouter un article, vous devez d'abord retrouver son identifiant, en vous rendant dans l'éditeur de l'article concerné :

  • Tableau de bord
  • Articles
  • Modifier un article

Vous trouverez l'identifiant de l'article dans la barre d'adresse de votre navigateur.
L'identifiant de l'article est composé d'une quinzaine de chiffres situé après postID=.

https://www.blogger.com/blogger.g?blogID=ID_BLOG#editor/target=post;postID=ID_DE_L'ARTICLE

Dés que vous avez trouvé l'identifiant de l'article, vous l'ajoutez dans la liste des paramètres du gadget et vous enregistrez.


Ajouter les identifiants des articles dans le gadget

Conseil : Afin de ne pas augmenter considérablement le temps de chargement du blog, limitez la liste entre 1 et 5 articles.


Spotlight

Populaires cette semaine