11 févr. 2013

Widget Articles Récents Avec Image Pour Blogger

Widget Articles Récents
Dans cet article nous allons voir comment ajouter le widget "Articles Récents Avec Image" afin d'aider vos visiteurs de retrouver directement les derniers articles de votre blog Blogger.
Ainsi, vous pouvez facilement personnaliser l'affichage du gadget grâce à un certain nombre de paramètres tel que  le nombre d'articles à afficher, la largeur et la longueur de l'image, la taille et la couleur du texte...etc




Comment Installer Le Widget Articles Récents Avec Images Dans Blogger

Connectez-vous à Blogger, allez dans "Mise En Page" ➥ "Ajouter Un Gadget" ➥ dans la liste proposée sélectionnez "HTML/JavaScript" ➥ choisissez un titre, puis copier/coller le code suiavnt dans la grande zone et enfin cliquez sur "Enregistrer"
<script language="JavaScript">
imgr = new Array();
showRandomImg = true;
boxwidth = 300;
cellspacing = 2;
borderColor = "#fff";
bgTD = "#000000";
thumbwidth = 32;
thumbheight = 32;
fntsize = 12;
acolor = "#555";
aBold = true;
icon = " ";
text = "Commentaire(s)";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#555";
icon2 = " ";
numposts = 5;
home_page = "http://www.theblogueur.blogspot.com/";
</script>
<script type="text/javascript" src="http://posts-recent.googlecode.com/files/Widget-Articles-Recent.js" />

Personnalisation Du Gadget

Vous pouvez personnaliser l'affichage du widget "Articles Récents Avec Images" en modifiant les valeurs suivantes :

boxwidth = 300;  : Largeur du gadget en pixel.

cellspacing = 2;   : Espacement entre les titres.

borderColor = "#fff";  : couleur de l'arrière plan du gadget.

thumbwidth = 32;  : Largeur de l'image en pixel.

thumbheight = 32;  : Longueur de l'image en pixel.

fntsize = 12;  : Taille des titres.
acolor = "#555";  : Couleur des titres

aBold = true;  : Texte en gras (sinon remplacer true par false)
text = "Commentaire(s)";  : Texte à afficher à côté du nombre de commentaires.

numposts = 5;  : le nombre d'articles à afficher.
home_page = "http://www.theblogueur.blogspot.com/";  : Vous devez absolument modifier theblogueur.blogspot.com avec l'adresse de votre blog.

Voilà, le widget "Articles Récents Avec Image" est installé maintenant sur votre blog Blogger.

19 commentaires:

  1. rien il n'y a pas d'image, il doit y avoir un probleme avec le HTML sur mon blog, quand j'écrie un message j'ai souvent " une erreur c'est produite "

    RépondreSupprimer
  2. Bonjour ,
    Je ne sais pas si vous avez remarqué, mais le gadget s'affiche correctement dans le pied de page de ce blog.
    Votre problème est souvent temporaire; je vous invite à supprimer ton cache et tes cookies, voire à changer de navigateur : utilisez Firefox ou Chrome.
    Si le problème persiste, pouvez-vous me donner plus d'infos, comme l'url de votre blog et le code d'erreur qui s'affiche?
    Cordialement.

    RépondreSupprimer
  3. qu'est ce le cache et les cookies ?
    voici mon url

    http://artdutrading.blogspot.fr/

    RépondreSupprimer
  4. Bonjour

    Je vous appelle au secours car j ai un probleme mon widget "messages les plus consultés" que j ai appelé "top4" ne fonctionne pas d'où peut venir ce probléme

    cordialement jean louis prat

    RépondreSupprimer
  5. Bonjour,
    J'ai installé simplement le script et tout fonctionne mais je n'arrive pas à obtenir les images, les vignettes renvoient vers http://lessecretsdelaura.blogspot.fr/undefined, une idée ? :)

    Merci

    RépondreSupprimer
  6. Je me réponds car j'ai finalement trouvé où cela bloquait, mes flux de messages du blog étaient réglés sur "partiel" et une fois réglés sur "complet" les images apparaissent. Voilà si d'autres ont ce souci vous pouvez regarder par là. Merci à vous pour ce petit script très pratique !

    RépondreSupprimer
  7. Un grand merci pour ce super lien, je cherchais depuis un bon moment à savoir comment faire. Mille merci :)

    RépondreSupprimer
  8. Merci pour ce super gadget, cela marche très bien...sauf que le gadget s'affiche dans le pied de page uniquement :'(

    J'ai vidé le cache comme conseillé, et testé sous Chrome et sur Firefox, même constat...

    Existe-t-il une solution ?

    Cordialement...

    RépondreSupprimer
  9. Merci pour cet article vraiment très bien fait et à la portée de tous, j'ai réussi ma manip je suis super contente.

    RépondreSupprimer
  10. Est-il possible de mettre le titre de l'article en bas de la vignette et non pas à droite comme proposé actuellement? Merci d'avance pour votre aide

    RépondreSupprimer
  11. J'ai vidé le cache comme conseillé, et testé sous Chrome et sur Firefox, même constat..

    RépondreSupprimer
  12. merci pour la widget et merci pour les explications ;)

    RépondreSupprimer
  13. comment on fait pour qu'il y ai 2 images cote a cote ? merci d'avance

    RépondreSupprimer
  14. Bonjour,

    Y aurait-il un moyen de ne pas afficher ce qui concerne les commentaires ?

    RépondreSupprimer
  15. Bonjour,

    Y aurait-il un moyen de ne pas afficher ce qui concerne les commentaires ?

    RépondreSupprimer
  16. -Hello guys check out this new entertainement website and watch all your favorite MOVIES, TV-SHOWS, SPORT STREAMS and way more all in HD at https://olympus.live

    RépondreSupprimer
  17. US Open Golf 2017 live, Times, TV Schedule & Golf Live Stream

    Watch HD>>>US Open

    Live Link Here==>>US Open 2017

    Watch HD>>>US Open 2017 Golf

    Live Link Here==>>US Open 2017 Live

    Watch HD>>>US Open 2017 Live Streaming

    Live Link Here==>>2017 US Open Live stream

    Watch HD>>>PGA Championship 2017

    Live Link Here==>>PGA Championship 2017 Golf Live streaming for free

    Watch HD>>>2017 PGA Championship

    Live Link Here==>>PGA Championship 2017 Live

    Watch HD>>>2017 US Golf Open

    Live Link Here==>>US Open Golf live Watch HD



    Best Mk

    RépondreSupprimer