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
22 Commentaires
Shehrazad à dit :

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 ?

@ 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

Shehrazad à dit :

merci beaucoup !! :))

Yacine à dit :

merci :)

2rien

NicTeam à dit :

Oups... Le fichier JS n'existe plus... :((

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

NicTeam à dit :

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

@
Merci, normalement je l'ai quelques partn je part à sa recherche .....

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

Michael à dit :

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

Fox Prime à dit :

Ce widget à l'air down ;)

Jean à dit :

Merci pour ce widget!

Mathieu à dit :

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

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

snifff ca marche pas pourtant j'ai bien suivis tous les trucs =/
je lance un sos

Anonyme à dit :

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 :)

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

marco à dit :

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

Anonyme à dit :

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 :(

CelDC à dit :

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

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

Copyright 2011 LeBlogger.com