Blogger : Un Slideshow Des Derniers Articles Du Blog

Le widget Wibbitz qui va enchanter certains qui ont un blog hébergé sur Blogger. Ce widget permet d'avoir les derniers articles de votre blog avec titre et images... et même insérer un fond de musique si vous le souhaitez.

Tout d'abord allez, sur le site http://www.wibbitz.com/

Ajouter votre email, et l'adresse url de votre blog  et l'adresse du feed RSS de votre blog, puis cliquez sur "Create your clip"


Vous accédez aux paramètres du diaporama que vous pouvez personnaliser à votre guise


Maintenant nous allons intégrer le code au dessus de vos messages. Dans ce cas, il faudra aller dans le tableau de bord de Blogger, et mettez le au dessus des messages.N'oubliez pas de nommer le widget en diaporama (vous ôterez le titre après)


Maintenant nous allons afficher le diaporama qu'en première page. Allez sur votre tableau de bord ►  modèle ► modifiez le code html ►traiter ►développer les modèles de gadget
chercher le code que vous avez insérer avec le titre que vous lui avez donner, (ici diaporama).
Ajouter le code rouge comme ci-dessous

<b:widget id='HTML7' locked='false' title='diaporama' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
  <!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
  <h2 class='title'><data:title/></h2>
 </b:if>
<div class='widget-content'>
 <data:content/>
  </div>
 <b:include name='quickedit'/>
 </b:if> 
</b:includable>
</b:widget>

Ensuite retourner sur le modèle de tableau de bord et supprimer le titre "diaporama". c'est tout. Voici ici le diaporama en action


Commentaires

  1. Bonjour, J'ai essayer, mais , il y a juste ma bannière qui s'affiche tout le long du diaporama. C'est dommage car ça m'intéressait.

    RépondreSupprimer
    Réponses
    1. Comment la bannière ? Je ne comprends pas ? le titre ? Cela ne dérange pas, en fait ce qui est bien avec ce diapo, c'est que les images sont automatiquement redimensionnées. C'est assez pratique

      Supprimer
  2. Je vais essayé avec Su la semaine prochaine Merci de ton partage d'informations toujours très précieuses

    RépondreSupprimer
  3. Hello Tomate Joyeuse, toujours des infos utiles et forts intéressantes pour nous blogueurs, merci je prend note et pourquoi pas un essai pour voir un de ces jours, amitiés

    RépondreSupprimer
  4. Hello tomate joyeuse j'ai fait le test sur mon blog de test, deux remarques au moins
    Il fonctionne très bien

    Mais il ne prend en compte semble 'il que les 14 derniers articles et chose gênante, du moins pour moi, en image il prend la première qu'il trouve dans chaque article ce qui est, la encore pour moi, gênant car la première est toujours la plus petite donc le rendu visuel n'est pas terrible

    sinon vraiment très intéressant, merci pour la découverte.

    RépondreSupprimer
    Réponses
    1. bOnjour Thierry,

      Merci pour la précision des 14 deniers articles (je le savais pas). Pour les images, normalement, le sldeshow l'adapte.(elle l'agrandi), cela ne dérange pas trop;

      Mais la personalisation du blog reste personnelle !

      Au fait super sympa, j'ai vu que tu as mis le logo du blog de Soraya, elle fait vraiment du beau boulot sur Blogger !

      Supprimer
  5. Oui tomate joyeuse il adapte les images mais quand celle-ci sont petites, l'agrandissement donne des résolutions assez voir très moyenne en qualité d'image mais cela reste un excellent outil et j'ai vérifié, c'est bien les 14 derniers articles.

    Pour Soraya, son blog est une mine d'or et elle -même, elle est vraiment super sympa, talentueuse et serviable, elle m'a d’ailleurs personnellement aidé sur une partie de mon code HTML, c'est tout à fait logique que je la cite elle et son excellent blog, elle le mérite vraiment.

    RépondreSupprimer
    Réponses
    1. Je comprends mieux. Je sais qu'il existe ce même genre de scripts, mais un peu plus compliqué à mettre en place. faudrait que je fouine... toujours est-il qu'il se posera toujours le problème pour toi de la taille des images. Si jamais j'en trouve un, je te l'enverrai.

      Soraya est le genre de personne qui nous fait aimer le web. !

      Supprimer
  6. je ne sais ou vous répondre
    mais Merci pour la réponse dans aide blogger
    j' ai tout recopier
    je l' avais dans mon courrier
    j' ai imprimé et j' ai recopié pareil
    à bientôt
    edith
    letreu@club-internet.fr

    RépondreSupprimer
    Réponses
    1. Bonjour Edith,
      oups, je ne me rappelle plus de la réponse. J'ai répondu à pas mal de personnes sur Blogger (beaucoup ne mettent pas souvent leur blog)

      j'espère mon aide vous a été profitable

      Bonne journée
      Shehrazad

      Supprimer
  7. Bonjour,

    J'ai découvert qu'on pouvait finalement insérer un slider sur son blog. Je trouve cette idée intéressante mais je me pose la question. Ces services pour installer le slider est-il payant d'après le site Wibbitz. Cordialement

    RépondreSupprimer
    Réponses
    1. Bonjour,

      Le wigdet de Wibbiz est gratuit

      Bonne journée à vous

      Supprimer
    2. Merci pour cette information Tomate Joyeuse

      Supprimer
  8. Bonjour Tomate Joyeuse,

    Après avoir insérer le slider et après avoir publié très récement un nouvel article sur mon blog, je me suis aperçu que ce dernier n'est pas encore apparu dans le silder. Est-ce normal ou bien dois-je patienter ? Ce gadget doit-il être mise à jour régulièrement pour chaque nouveaux posts ?

    Cordialement

    RépondreSupprimer
    Réponses
    1. Bonjour,

      Il faut toujours attendre un peu, le temps que le dernier article soit intégré dans le slide.

      Le gadget fait une mise à jour régulière pour chaque nouveau post (c'est très pratique)

      Le slide prend toujours la première photo de l'article.

      Cordialement,

      Bonne journée à vous

      Supprimer
    2. Merci de cet information, et pour encore vous remerciez de vos reponses, je vous propose de visiter mon blog sur : mrtc-sons.blogspot.com.

      Je vous souhaite une bonne continuation.

      Salutation.

      Supprimer
    3. Bonjour vous avez un un très beau blog. Néanmoins, j'ai eu du mal à y acceder hier sur Chorme? aujourd'hui sur Firefox ça allait. Li'idéal serait d'ajouter des liens lire la suite en premiere page du blog. (résumé automatique)

      Si vous avez des questions sur l'amélioration de votre blog, le plus simple est d'aller sur le Groupe d'aide Blogger j'y réponds là bas

      Supprimer
  9. J'ai constaté depuis quelques temps que le silder rencontre des bugs.

    RépondreSupprimer
  10. Bonjour,

    Je suis ravie de voir que la création d'un slide show est assez simple, ou du moins bien expliquée sur votre blog.

    Je souhaiterais modifier le slider déjà présent sur mon blog (modèle "prêt-à-l'emploi") de sorte qu'il affiche mes derniers articles (et non plus des "exemples") ou le supprimer afin d'en créé un nouveau mais je ne suis pas sûre de trouver les codes sur le modèle html. Pourriez-vous m'aider s'il vous plaît ?

    Merci d'avance



    http://alovelyblueberry.blogspot.com

    RépondreSupprimer
  11. Quel est le modèle que vous avez utilisé ? je ne peux pas accéder à votre blog car il est privé

    RépondreSupprimer
  12. Bonjour Tomate Joyeuse! Un grand merci pour vos différents articles.

    Pourriez vous me donner un petit coup de main? Je souhaites intégrer un slide show de mes derniers articles, un peu comme celui sur la page de Mélissa (je n'arrive pas à faire fonctionner wiibtiiz) et je n'arrive pas à trouver le bon code. Merci d'avance! Liloulala

    http://leslecturesdeliloulala.blogspot.fr/

    RépondreSupprimer
  13. Bonjour Lilou,

    j'ai remarqué quelques problèmes ces derniers temps, avant il suffisait de mettre l'adresse du blog. J'ai résolu le problème en insérant le feed rss de mon blog.je vous invite à suivre le tutoriel de Bibben pour créer un feed sur Feedburner http://mestrucspourblogger.blogspot.fr/2010/05/creer-une-newsletter-13.html cela vous permettra aussi à vos lecteurs de s'abonner à vos articles par email. tentez moi au courant ;-)

    RépondreSupprimer

Enregistrer un commentaire

- Rédigez votre commentaire dans la zone prévue ci-dessous.
- Vous pouvez choisir de commenter en utilisant votre compte Google, un pseudonyme (Nom/Url) ou de manière anonyme.
- Si vous souhaitez partager une vidéo YouTube, il vous suffit d'insérer l'URL de la vidéo.
- Pour être informé des réponses, cochez la case « M'informer ».
- Cliquez sur « Publier » pour envoyer votre commentaire ou sur « Aperçu » pour le prévisualiser avant de le publier.

Form for Contact Page (Do not remove)