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