Gadget articles au hasard avec vignettes

By
Advertisement


Quand on a un blog avec une centaine d’articles ou plus, il est clair que nombreux sont ceux qui ont tendance à passer sous les radars des visiteurs venus explorer votre blog. Grâce au code de Duy Pham que je vais vous proposer ici, vous aurez la possibilité d’afficher sur votre blog une liste d’articles au hasard, histoire de faire remonter à la surface la partie cachée de l’iceberg.

Gadget articles au hasard avec images miniatures pour Blogger - blogspot
Voici ce qu’il faut faire pour avoir sur votre blog le gadget qui affiche des articles de façon aléatoire :

1. Se connecter à Blogger. Aller sur “Modèle”, puis sur “Modifier le code HTML”

2. Trouver la balise ]]></b:skin> et ajouter la ligne suivante juste avant :

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}

Enregistrer le modèle.

3. Aller sur “Mise en page” et ajouter un gadget HTML/Javascript et y insérer ce code

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Commentaires';
var rdp_disable='Commentaires fermés';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){a=location.href;y=a.indexOf('?m=0');for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>

</ul>


Dans le code ci-haut, le 5 fait référence au nombre d’articles à afficher et le 150 au nomnbre des caractères du résumé. Vous pouvez changer ces valeurs. Laisser le "yes" si vous voulez afficher la date de publication de l'article et le nombre des commentaires. Au cas contraire, mettez "no" à la place du "yes".

Bon, maintenant vous savez quoi faire si vous voulez afficher de façon aléatoire une liste d'articles sur votre blog hébergé par Blogger.


24 commentaires:

  1. Réponses
    1. MERCI on a la même modèle blogger c super visite aussi

      http://gratuitlivre.blogspot.com/

      Supprimer
  2. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  3. Merci pour le post c'est impressionnant

    RépondreSupprimer
  4. je m'appelle Abderrahmene le seul administrateur de pcastucieux.blogspot.com
    Je veux ajouter un écrivain avec moi
    en bref Je veux que vous lisiez mes articles Et donnez-moi votre opinion sur l'idée

    RépondreSupprimer
  5. Merci Rodney! Petite question complémentaire, est-ce qu'il existe un moyen d'envoyer sur Fb et twitter ses anciens articles en automatique? pour l'instant je fais ça manuellement, mais ça prend trop de temps. Sous WP, un widget va piocher dans tes anciens articles pour les proposer à nouveau sur les réseaux sociaux. Est-ce que ça existe sous blogger?

    Merci d'avance pour ta réponse!

    RépondreSupprimer
  6. y a t il moyen de choisir des arcticle du "weight loss" à publier dans mon blog :
    weightlosshcgdiet.blogspot.com

    RépondreSupprimer
  7. Mes articles sont soit des images, soit des vidéos.
    Pour les images c'est nickel : titre avec l'image en miniature.
    Par contre pour les vidéos il n'y a rien même pas la 1ère image de la vidéo ou une image au hasard de la vidéo.
    Je ne désire pas choisir une image, n'importe laquelle dans la vidéo fera l'affaire.
    Je veux juste éviter l'image grise et toute moche marquer "no image yet"
    Comment cela serait il possible ?

    RépondreSupprimer
  8. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  9. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer
  10. Merci bien chère ami Rodney SANKINKA

    je t'invite à Mon Blog , je veux ton avis http://Pdf-Swf.com

    RépondreSupprimer
  11. Mon blog rassemble a ce blog lol

    http://gratuitlivre.blogspot.com/

    RépondreSupprimer
  12. si vous voulez avoir ce superbe Template du ( blogger-au-bout-du-doigt ) allez sur

    http://gratuitlivre.blogspot.com/p/blog-page_2237.html

    RépondreSupprimer
  13. Pourquoi seul ce blog est disponible ?
    Cafe-biblique n'est plus.
    Piratage ??????

    RépondreSupprimer
  14. merci c'est très intéressant ça va me servir dans mon projet personnel
    http://expertsmlm.blogspot.com/

    RépondreSupprimer
  15. Vraiment utile ! Merci !

    http://www.sneakers-blog.fr/

    RépondreSupprimer
  16. Super merci =D Il y a moyen d'augmenter la taille des icones ?

    http://darkside-of-fashion.blogspot.fr
    Saskia! xo

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT