Widget Articles Similaires Pour Blogger Blogspot

Dans ce tutoriel nous allons voir comment intégrer le widget "Articles Similaires Pour Blogger" qui affiche les messages similaires (articles de la même catégorie) après chaque article de votre blog Blogger.
Ce widget augmente également le référencement et le nombre de pages vues sur votre blog. Il est conseillé donc de l'installé.

Comment installer le widget articles similaires

Avant de commencer, vous devez enregistrer une copie de votre modèle sur votre disque dur.

1. Connectez-vous à votre blog et allez à "Présentation" > "Modifier le code HTML" > cochez la case "Développez des modèles de gadgets"

2. Maintenant, ajouter le code CSS ci-dessous juste avant la balise ]]></b:skin>

#related-posts {
    padding:10px;
    display:block;
    clear:both;
}
#related-posts h2{
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.75em;
    margin-top: 0;
    padding-top: 0;
}
#related-posts a:hover{
    text-decoration:underline;
}
#related-posts ul{
    list-style-type:none;
    margin:10px 0;
    padding:0;
}
#related-posts ul li{
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwRPWpQbkPM0oOAk3ziQGEIJbWS0RrgaGTXM4JqIW38VxNKnDT2UdIIaj1NpdStUsv9TdZYMuUveuQUJRozy64qDfe_DFZfzOpsggT3D2edSf61gkw-WeDl9nmR1vdwFwGTtE3yNiq8TEh/s320/w2barrow.gif") no-repeat scroll left center transparent;
    display: block;
    list-style-type: none;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-top: 0;
}

3. Ajouter le code JavaScript suivant juste avant la balise </head>

<script type='text/javascript'>

var relatedpoststitle="Related Posts";

</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_min.js' type='text/javascript'/>

# Vous pouvez changer le titre du widget en modifiant la valeur "Related Posts"

var relatedpoststitle="Related Posts";

4. Maintenant, cherchez l'une des lignes suivantes :

<div class='post-footer-line post-footer-line-1'>

ou

<p class='post-footer-line post-footer-line-1'>

5. Et ajouter le code suivant juste après

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in- script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if>
</b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=5;

removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

var maxresults=5 : c'est le nombre d'articles similaires à afficher; Vous pouvez changer cette valeur avec le nombre que vous voulez.

6. Enregistrer votre modèle.

Le widget "Articles Similaires" est installé maintenant sur votre blog. Vous pouvez le personnaliser en modifiant le code CSS.
Si vous rencontrez des problèmes lors de l'installation, vous pouvez me contacter via les commentaires.

Le script "Articles similaires" est réalisé par Blogger Plugins.