Résumés des articles avec photos à la page d'accueil

Attention : Ne pas prendre en compte cet article. L'astuce semble créer des très sérieux problèmes aux blogs. En attendant de trouver une solution, veuillez vous abstenir de mettre en place les directives données ci-dessus.



Les modèles Turn out et Schemer-marg vu dans l'article deux modèles magazines qui vont vous plaire, ont la particularité d'afficher à la page d'accueil les résumés des articles avec une petite image des photos qu'elles contiennent (une photo affichée par résumé d'article).

Si votre modèle vous plait et qu'au lieu d'adopter ces deux modèles, vous voulez seulement intégrer le système d'affichage des résumés d'articles avec photos à l'accueil, cet article est pour vous. Laissez-moi vous guider

1. Se connecter sur votre compte Blogger
2. Mettre le code suivant avant la balise </head>.

<script src='http://quiterandom.com/js/summary/summary-posts.js' type='text/javascript'/>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
img_thumb_width = 120;
</script>

summary_noimg = 250; — Nombre des caractères à afficher pour un article sans photo
summary_img = 250; — Nombre des caractères à afficher pour un article avec photo
img_thumb_height = 120; — Largeur de l'image en pixels.
img_thumb_width = 120; — Longueur de l'image en pixels.


3. Trouver la balise suivante  <data:post.body/> (faire CTRL+F et mettre la balise dans l'espace affiché afin que le navigateur le trouve dans la page)


4. Remplacez-la par les codes suivants : 

<b:if cond='data:blog.pageType != "item"'>
      <div expr:id='"summary-" + data:post.id'><data:post.body/></div>
      <script type='text/javascript'>createSummaryAndThumb("summary-<data:post.id/>");</script>
      <a class='readmore' expr:href='data:post.url'>Lire la suite »</a>
    </b:if>
    <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

5. Enregistrez votre modèle et allez voir le résultat.


Grand meric à Quite random qui nous permet d'améliorer notre utilisation de Blogger grâce à cette astuce.