[Tuto] Publier un digest Tumblr sur votre blog

Publié le 20. avr, 2009 par lowett dans Non classé

Le voici le voilà le tutoriel tant attendu ! :)
Je me rends compte qu’avec le phénomène de mode des geekettes sur la toile actuelle, je n’ai même plus besoin de faire des billets 100% greluche pour attirer les filles. C’est super ^^

Je trouvais l’idée sympathique de pouvoir faire un digest de mon Tumblr sur le blog. Mais les multiples commentaires que j’ai eu à ce sujet me font encore hésiter tant qu’à l’installation de ce procédé de manière permanente sur Geekette and Greluche. Cependant, comme certains d’entre vous ont décidé de « sauter » le pas, voici la méthode que j’ai utilisée pour pouvoir en publier un.

Le principe de base de cette méthode, c’est Yahoo Pipes. Il s’agit d’un service qui permet de créer des listes automatiquement qu’il n’y a plus qu’à copier-coller dans un article sur votre blog. J’ai découvert ce service complètement par hasard et il a l’air vraiment très pratique, pour la vue rapide que j’en ai eu.

Step by step:

C’est super-easy de créer un digest avec Yahoo Pipes:

  1. Cliquer sur ce lien pour se connecter sur Yahoo Pipes ou y créer un compte
  2. Changer « Truncate Feeds Older Than » par le nombre que vous souhaitez. Il s’agit donc ici de déterminer l’ancienneté des articles que vous souhaitez relayer sur le blog. Si vous comptez faire un digest chaque semaine, vous pouvez laisser le chiffre 7
  3. Entrer le flux RSS de votre Tumblr
  4. Cliquer sur « Run Pipe »
  5. Votre « pipe » va se former et vous verrez alors apparaître plusieurs options pour l’exporter vers le service de votre choix.
  6. Pour le mettre sur votre blog, cliquez sur « Get as Badge »
  7. Cliquer sur « customize …. » ! Car en fait c’est le flux d’exemple qui se trouve dans ce badge, pas celui que vous avez entré avant de créer votre « pipe ». Vous devez de nouveau indiquer la période que vous souhaitez couvrir, et le flux RSS d’origine.
  8. Vous pouvez aussi entrer les dimensions de votre choix pour le badge
  9. Quand vous avez terminé, cliquez sur « next » pour terminer votre customisation.
  10. Vous pouvez maintenant cliquer sur le bouton qui correspond à l’endroit où vous voulez publier votre Digest. Moi j’ai choisi le « embed ».
  11. Vous n’avez plus qu’à copier-coller ce code dans un nouvel article et le tour est joué !

Ce n’est pas trop compliqué, n’est-ce pas ?
Cependant, vous pouvez voir que le rendu n’est pas toujours du plus bel effet. Cela est laissé à l’appréhension de chacun mais je trouve que le mien est un peu brouillon, probablement à cause des miniatures des images qui donnent un côté « bordélique » à la liste.

Affichage:

Si vraiment vous avez un affichage bizarre de votre digest, vous pourrez peut-être l’améliorer avec le script Greasemonkey Yahoo Pipe Cleaner. Greasemonkey est une extension Firefox qui permet de personnaliser des pages avec de petits codes Javascript. Certains d’entre vous l’ont peut être découvert de la même manière que moi, à savoir sur le site Parano.be ;)
Appliqué à Yahoo Pipe, celui-ci nous promet de:

  • D’enlever les balises des titres (les H1, H2, H3 etc.)
  • D’enlever l’attribut no-follow (et ça, vous avez appris que c’était bien! ^^ )
  • Aligner les paragraphes et les éléments de liste
  • D’enlever certaines classes dans le CSS que je n’ai pas trop compris à quoi elles servaient ;)
  • D’enlever la balise media_thumbnail dans les images

Si vous n’avez pas Firefox, allez le télécharger ;)

Si vous avez Firefox mais pas Greasemonkey:

  1. Aller sur la page de l’extension
  2. Cliquer sur le bouton « add to Firefox »
  3. Une petite boîte de dialogue va vous demander si vous voulez vraiment l’installer, cliquer sur « Installer »
  4. Laisser Firefox redémarrer. Il récupèrera automatiquement les onglets que vous aviez ouverts et les pages web que vous étiez en train de visiter.

Si vous avez Firefox et Greasemonkey:

  1. Sachez qu’un script Greasemonkey s’installe d’exactement la même manière qu’une extension Firefox
  2. Allez sur la page du script
  3. Cliquer sur le gros bouton en haut à droite « Install »
  4. Une petite fenêtre de dialogue apparaît pour que vous confirmiez l’installation, cliquez sur « Installer »
  5. Vous verrez en bas à droite de votre navigateur, dans la barre grise, un petit message « a bien été installé blablabla »
  6. Et voilà :)

Vous avez tous les outils en main pour créer votre Digest Tumblr désormais :)

Sources:
Wordpress Tip – Create a Digest Post in 3 seconds

Greasemonkey Script: Yahoo Pipe Cleaner

Rendez-vous sur Hellocoton !

14 Réponses pour “[Tuto] Publier un digest Tumblr sur votre blog”

  1. TardisGirl 20 avril 2009 à 18 h 13 min #

    Moi jtai donné mon avis. je trouve l’idée bonne mais c’est pas si bien au niveau rendu et pas forcément top à lire. Enfin, tout le monde n’est pas obligé d’être d’accord et c’est bien cool de mettre un tuto par contre ! Sinon, c’est quoi cette vidéo qui se lance sans me demander en haut de ton blog ? On peut l’en empêcher ? Car ça m’agace lol Je sais, jsuis chiante ><

    Dernier article de TardisGirl: Blog et Merveilles

    RépondreRépondre
  2. Catpointzero 20 avril 2009 à 18 h 16 min #

    Pas fan non plus de l’idée, mais sympa malgré tout de proposer un tuto :-)

    Pour la vidéo, j’ai une question aussi ^^ Comment tu fais pour qu’elle se rétracte seule? C’est une du kiosque ebuzzing je suppose… moi il faut cliquer sur la croix, c’est chiant !

    Bonne soirée!

    Dernier article de Catpointzero: Le bonheur est à deux doigts de mes pieds

    RépondreRépondre
  3. Zhykos 20 avril 2009 à 18 h 31 min #

    Merci pour ce tuto Lowett.
    Je ne suis pas très actif sur Tumblr mais dès que ça viendra, je ferai ce tuto :wink:

    Sinon perso, je vois pas la vidéo, je pense que NoScript (extension Firefox) doit la bloquer …

    RépondreRépondre
  4. lowett 20 avril 2009 à 18 h 36 min #

    @TardisGirl : Je pense que je n’en ferai pas. Ou alors ce serait uniquement pour les liens… Je vais essayer de voir s’il n’y aurait pas un moyen de faire ça en ne sélectionnant que les liens.
    Pour la vidéo désolée je ne sais pas la contrôler. Mais chez moi elle se lance toute seule sans son. Tu as du son toi ? Parce que s’il n’y a pas de son, ce n’est pas si dérangeant…

    @Catpointzero : Ce n’est pas une vidéo d’ebuzzing en fait. Je suis inscrite dans une agence de pub belge et c’est pour eux que je diffuse la vidéo. J’ai eu un code à mettre dans la sidebar et eux ils font tout le reste :)

    @Zhykos : De rien pour le tuto :) Si tu ne vois pas la vidéo en haut à droite, en dessous de mon perso, alors oui c’est peut-être l’extension vidéo qui la bloque ;)

    RépondreRépondre

  5. TardisGirl 20 avril 2009 à 18 h 48 min #

    @lowett : Non, je n’ai pas le son. En fait, c’est vrai ça me dérange pas tant que ça, mais bon, jsuis pas fan du concept. Enfin, tout dépend aussi de la vidéo, ce que je n’aime pas, c’est le lancement auto qui pompe mes ressources !! Enfin, bref, ça m’empêchera pas de venir ici xD Pour ton tuto sinon, pê effectivement qu’en bidouillant le rendu, tu parviendra à un truc sympa, je sais pas =)

    Dernier article de TardisGirl: Blog et Merveilles

    RépondreRépondre
  6. Diskette 20 avril 2009 à 18 h 52 min #

    tu vas pas arrêter les posts greluche quand même ??!! :shock:

    Dernier article de Diskette: Twitter Favourites #2

    RépondreRépondre
  7. Nozgarde 20 avril 2009 à 19 h 18 min #

    Pour le Tuto je trouve l’idée pas mal même si ça ne m’attire pas. Par contre pour la vidéo de pub c’est sympa assez bien intégré et pas trop voyant.

    Dernier article de Nozgarde: TEST : iPhone 3G 8Go

    RépondreRépondre
  8. Danysworld 21 avril 2009 à 12 h 53 min #

    :cool: Merci Lowett pour cette info!!!Tu expliques bien, très pédagogue toi! Je ne sais pas si j’utiliserai ce service pour autant parce qu’en ce moment je ne mets pas à jour mon blog de manière quotidienne donc un digest de … RIEN c pas terrible!!! :)
    @++Bizz

    Dernier article de Danysworld: Réconciliation avec la wii fit…après quelques jours d’absence!

    RépondreRépondre
  9. P1prenelle 21 avril 2009 à 12 h 58 min #

    Je ne pense pas que je le ferais, il faut dire que je ne suis pas super active sur mon Tumblr ^^, mais c’est sympa d’avoir fait un tuto pour nous :smile: ça me fera peut être changer d’avis :wink:

    Dernier article de P1prenelle: Expédition dans le Nord, deuxième jour !!

    RépondreRépondre
  10. Ness 22 avril 2009 à 19 h 21 min #

    L’idée est vraiment sympa, merci pour le partage du tuto. Je n’ai pas encore activé mon Tumblr mais un jour qui sait…

    Dernier article de Ness: Où je vous parle de gestion des priorités

    RépondreRépondre
  11. Dredds 24 avril 2009 à 9 h 32 min #

    C’est gentil pour le tuto mais je n’aime pas l’idée ! :neutral:

    Oh c’est marrant que tu parles de Parano.be, je l’avais presque oublié ! :grin:

    Tu étais sur quel secteur ? T’y es encore ?

    Dernier article de Dredds: [wo-ki.com] Le projet avance…

    RépondreRépondre
  12. Lucas 24 avril 2009 à 11 h 54 min #

    Oufti… tout celà est trop technique pour moi :smile: ! C’est quoi exactement un Tumbrl ? C’est un mini blog, c’est bien ça ? Moi ce nom là me fait penser à un crumble… Mmmm j’ai faim !!

    Quoi qu’il en soit, c’est mercredi le prochain RAQ avec Dirupette. Comme d’hab je ne garantis rien. Mais si tu (vous, si Yaya aussi) veux (voulez) venir, dis (dites)-le bien à l’avance.

    Dernier article de Lucas: Naguy arrive sur la RTBF. Exit Delarue !

    RépondreRépondre
  13. lowett 25 avril 2009 à 9 h 29 min #

    @TardisGirl : Ah ça pompe les ressources, la vidéo ? Désolée…

    @Diskette : Non, quand même pas ^^ La preuve avec le Neutrogena Wave :p

    @Nozgarde : Merci pour la vidéo de pub ! Et pour le Tumblr c’est vraiment à l’appréciation de chacun en fait …

    @Danysworld : Merci beaucoup. J’essaie d’expliquer du mieux que je peux. Par écrit ça passe bien. Mais dans la vie je suis quelqu’un de très impatient, et donc je ne pense pas prendre le temps d’expliquer aussi bien quand j’ai quelqu’un en face de moi ^^

    @P1prenelle : De rien ;)

    @Ness : Oui, un jour peut-être ? Vu l’expansion du service ^^

    @Dredds : Je ne suis plus sur Parano. J’ai commencé sur différents secteurs, notamment FEE je pense. Puis je suis passée sur celui de la ville où j’étudie, LLN. J’aimais bien, j’ai fais plusieurs « visu » (rencontres). J’ai été bleue et tout hein ^^ Mais le violet a changé, j’aimais plus du tout ce que c’est devenu, les gens étaient bizarres, un peu geeks qui ont du mal à avoir des amis dans la « vraie » vie. Alors je suis partie, je n’y trouvais plus aucun intérêt…

    @Lucas : Un Tumblr c’est un mini-blog, oui. Même si certaines l’utilisent comme blog principal. Le format se prête bien à publier de petits articles, liens, images, vidéo, musique, etc.
    Tu n’es jamais allé voir le mien ? ^^
    Pour RAQ je vais en parler avec Yaya et je te dis quoi !

    RépondreRépondre

Répondre

Markup Controls

powered by C4F Textarea Toolbar

Les liens des commentaires peuvent être libérés des nofollow.

Twitter
Entrez vos informations de compte Twitter dans le formulaire ou connectez-vous avec votre compte Twitter en utilisant le bouton ci-dessous.

Bad Behavior has blocked 589 access attempts in the last 7 days.