Widget Articles Similaires pour Blogger/Blogspot


Voici un Widget qui affiche les messages Similaires (Articles de la même catégorie) après chaque article de votre blog Blogger/Blogspot.


Connectez vous à Blogger, Allez dans "Mise en page", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets" et recherchez: </head> et juste avant ajoutez ce code :
/*--Articles-Similaires-LeBlogger.com--*/
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url(&quot;http://i906.photobucket.com/albums/ac264/leblogger/relatedarticles.gif&quot;) no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://www.hotlinkfiles.com/files/2612763_2imsg/Similiares_avecleblogger.com_.js' type='text/javascript'/><!--Message-Similaires-->
Recherchez <data:post.body/>  et juste après ajoutez ce code:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Vous aimerez peut-être: </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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=6&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script></div></b:if>
Enregistrez et vous pouvez immédiatement voir les messages Similaires/Relatifs en dessous de chaqu’un de vos articles.

Je vous recommande d'essayer le Widget LinkWinthin qui affiche le titre des messages similaires accompagnés d’une image de l’article comme dans ce blog.
Libellés : Publié le jeudi, juin 18, 2009
27 Commentaires
  1. j'utilise ce widget et j'ai pu remarquer que mes visiteurs restent plus longtemps sur mon blog.
    Or je souhaiterai ne pas l'afficher en page d'accueil (vu que les articles sont résumés à chaque fois) cela me fait trop d'images !
    Comment peut on faire ?

    RépondreSupprimer
  2. @ Shahrazad
    Tu parles de ce widget ou du widget LinkWithin ???
    en tout cas, pour ne pas afficher un widget dans la page d'accueil il suffit d'ajouter un condition b:if comme expliqué dans cet article

    RépondreSupprimer
  3. Oups... Le fichier JS n'existe plus... :((

    RépondreSupprimer
  4. @ NicTeam
    Oups TOOO, j'ai pas changé le script après la crise avec hot link files

    RépondreSupprimer
  5. @Soufiane
    Pas grave, je l'avais conservé dans mes archives... ;)
    Si tu ne l'as plus, je peux te le refiler...

    RépondreSupprimer
  6. @
    Merci, normalement je l'ai quelques partn je part à sa recherche .....

    RépondreSupprimer
  7. j ai essayer, j y connais rien et apparament j ai tout bien fait, mais rien de changer juste un message en haut du blog "/*--Articles-Similaires-LeBlogger.com--*/ " sniff

    RépondreSupprimer
  8. Pour moi aussi sa fait comme scrap by lespetitsmots comment faire pour y remédier :(

    RépondreSupprimer
  9. Malheureusement, moi il m'annule "la coupure" de l'article sur la page principale. Autrement dis je n'ai plus le "lire la suite"... Dommage

    RépondreSupprimer
  10. Chez moi aussi cette astuce ne fonctionne pas du tout, je me demande bien ce qui se passe ou alors comment faire autrement quoi??? merci

    RépondreSupprimer
  11. snifff ca marche pas pourtant j'ai bien suivis tous les trucs =/
    je lance un sos

    RépondreSupprimer
  12. Le lien du fichier JS est mort, si tu peux le reuploader ça serait sympa !
    J'ai envie de le tester pour voir ce que ça donne sur mon blog :)

    RépondreSupprimer
  13. bah rien il me redirege ves une autre page oups!!
    www.oualid-wafli.blogspot.com

    RépondreSupprimer
  14. salut, j'ai suivi tes indications et... mon blog ne s'affiche plus et à la place je trouve ça...http://bodisparking.com/www.hotlinkfiles.com?bl=js

    même si j'arrive à ouvrir le blog par draft.blogger si je vais sur la page html disparait et apparait tout de suite à nouveau le même http://bodisparking.com/www.hotlinkfiles.com?bl=js

    t'as des idées ?
    merci

    RépondreSupprimer
  15. salut, j'ai suivi tes indications et... mon blog ne s'affiche plus et à la place je trouve ça...http://bodisparking.com/www.hotlinkfiles.com?bl=js
    dans mon url du blog sur la barre recherch :(

    RépondreSupprimer
  16. Au secours!!!
    Je viens de le faire, et maintenant je ne peux plus accéder à la page de modèle de mon blog, ni même à mon blog!!!
    Il est bloqué, je tombe sur une page d'erreur qui me dit:

    L'URL auquel vous tentez d'accéder a été bloqué. La stratégie de votre entreprise bloque l'accès à ce site Web.

    URL: http://bodisparking.com/www.hotlinkfiles.com?bl=js
    Catégorie : Fait pour AdSense

    Et quand je dis à mon antivirus de reclasser cette page comme saine, rien n'y fait!

    :'(
    J'espère ne pas avoir bousillé mon blog là!!!
    decodanslapeau.blogspot.com

    RépondreSupprimer
  17. rien ne se passe que dois je faire inpossible acceder a mon blog
    il me redige vers une autre page

    RépondreSupprimer
  18. mon ami bravo des information très utill
    AbdouBatna.blogspot.com c'est mon blog

    RépondreSupprimer
  19. Au secours aidez moi ... je n'ai plus accès à mon blog! Merci pour cette belle arnaque!

    RépondreSupprimer
  20. Bonjour,
    J'ai aussi fait votre manipulation, mais comme d'autre je ne peux plus acceder a mon blog ! je suis redirigé vers hotlinkfiles.com....

    Aidez nous svp !!!!!!!!!!!!!

    RépondreSupprimer
  21. Pour ceux qui sont dans mon cas, voici une solution de secours (pas la meilleur, mais j'ai que celle là):

    Avant de faire ma manie, essayer d'aller dans Paramètre et d'importer votre blog. Une fois que vous avez le fichier xml, ouvrez le avec un editeur de texte classique, retirez les lignes qui posent problème, puis importez le. Ca n'a pa marché pour moi.

    DONC, si ca ne marche pas pour vous non plus:

    Cliquez sur modèle (oui, vous allez être redirigé, c'est bien là notre problème), reperez la position du bouton "ajouter le model" juste en dessous des modèles dynamique.

    L'idée est de cliquer le plus rapidement possible sur ce "ajouter le modèle" avant que vous soyez redirigé. Testez, c'est faisable, j'ai réussi !

    Du coup, après, il n'y a plus de problème, sauf que l'on a perdu notre modèle, mais au moins le blog refonctionne !

    Pour les chauceux comme moi qui avaient fait une sauvegarde du blog récemment, ca passe encore..

    Vous avez reussi ?

    RépondreSupprimer
  22. Ce commentaire a été supprimé par un administrateur du blog.

    RépondreSupprimer

Copyright 2015 Soufiane.fr