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 Afficher Ne pas afficher Vignette substitution [NON-REQUIS] ? Taille résumé 400 ?
Affichage du gadget ?	Articles Pages autonomes Index Archive Pages 404 Uniquement à la page d'accueil Appareils Uniquement la version web Uniquement la version mobile personnalisée Version web + Version mobile personnalisée

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.

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

Customiser les gadgets Blogger

• Articles recommandés
• Gadget Inscription personnalisé
• Gadget Libellés - Horizontal Custom pack
• Gadget Libellés - Vertical Custom pack