LE DEBUGGER's blog - Tag - en chantier

À propos des insertions de photos Flickr dans le flux Feedburner

Mox Folder — Fri, 11 Apr 2008 15:05:00 -0400

Pour les lecteurs qui suivent ce blog via le flux Feedburner, je testais l'insertion de photos Flickr dans le flux comme décrite sur Le journal du blog, c'est pourquoi vous avez vu apparaitre une série de billets avec des photos Flickr dans le flux.

Je suis pas franchement convaincu en fait. Idéalement il faudrait une fonction comme un plug-in Dotclear et/ou un service web utilisant les API Flickr via l'interface XML/RPC intégrée à Dotclear 2 qui publie directement sous forme de billets dans le blog et pour lesquels on peut attribuer une catégorie précise.

Au passage, je réfléchi à un nouveau design qui va pleinement prendre en compte différents éléments extra-blog, comme par exemple les photos avec Flickr, le micro-blogging avec Twitter et une sorte de carnet de bord comme on en trouve sur Embruns... à ce titre il faudra que je teste un jour Blog-It Express mais ça ne ferait que rajouter un service web supplémentaire...

L'idée fait son chemin, ça fait plusieurs billets que je vois qui parlent d'éclatement du à la multiplication des services web qu'on utilise. C'est dans cette idée qu'on voit d'autres nouveaux services émerger tel que Friendfeed ou encore des points de convergence sur des services web et réseaux sociaux déjà établis (Facebook ou Netvibes).

Et moi je suis attaché à mon blog, je vais donc essayer de faire en sorte que celui intègre au mieux cette problématique.

Mon Friendfeed : friendfeed.com/ledebugger (je sais pas pourquoi les billets publié sur mon blog n'apparaissent pas dedans...)

Mon flux Feedburner : feeds.feedburner.com/ledebugger

Fine tuning

Mox Folder — Sun, 30 Sep 2007 20:38:00 -0400

J'ai procédé à quelques petites améliorations samedi. Tout d'abord j'ai modifié l'espacement entre les billets (ok personne verra la différence mais ça me perturbait), ensuite j'ai organisé l'affichage des tags en nuage (faut que je l'améliore en faisant un dégradé de couleurs comme si les tags les moins cités disparaissaient), puis enfin j'ai remis le badge Twitter... non pas que je sois un Twitter maniaque mais je trouve ça sympa de temps à autre pour y lâcher le truc du moment).

C'est tout pour le moment.

À noter que cette nuit Blog Bang est tombé en rade ce qui a eu pour effet de bloquer le chargement d'une partie du blog. Ça peut être très embêtant car selon comment les différentes partie du blog sont imbriquées les unes dans les autres, ça peux empêcher une partie ou la totalité du blog de se charger. Heureusement, dans le cas présent la bannière Blog Bang est situé dans en bas de page, donc fait partie des derniers éléments à charger (les navigateurs chargeant les éléments dans l'ordre de description de la page HTML). Si vous pouvez désactiver les CSS par exemple vous verrez l'ordre d'imbrication des éléments qui visuellement n'ont pas forcément la même imbrication une fois le blog mis en page avec les CSS.

Petit aparté sur Blog Bang : J'aime bien cette régie pub car, non seulement elle me permet d'afficher de la pub pour des films avec des extrait et/ou des bandes annonces mais en plus je peux choisir les film que je veux afficher. Ça reste dans le ton du blog et en accord avec mes gouts personnels, par exemple j'aurais pu choisir d'afficher Bee Movie, ce que je n'ai bien entendu pas fait ;o) Les films à l'affiche présentement, via Blog Bang sont : American Gangster, Knocked Up (très bon !), The Heartbreak Kid (le nouveau Farelly) et The Kingdom.

À propos de The Kingdom, je le vois mardi j'essaierai de vous dire ce que j'en pense dans la semaine qui s'annonce tendue... car je pars en vacances le week-end prochain et avec la rentrée des séries et l'actualité au boulot ça risque d'être une semaine assez sportive.

Liens réparés

Mox Folder — Wed, 05 Sep 2007 17:19:00 -0400

Non sans mal, j'ai réussi à résoudre le problème des liens et chemins des images, parce que Dotclear 2 gère ça différemment. Pour ça j'ai eu recours à un fichier .htaccess, en fait un fichier texte à placer à la racine du blog. Ci dessous le récap :

Changement des extensions .php en .php 5 (spécificité de mon hébergeur) :

AddHandler x-httpd-php5 .php

Redirection des billets afin de préserver le bénéfice de mon référencement Google, et pour ne pas avoir des liens qui aboutissent nulle-part :

RedirectMatch 301 ^/index.php/2005/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /index.php/post/2005/$1
RedirectMatch 301 ^/index.php/2006/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /index.php/post/2006/$1
RedirectMatch 301 ^/index.php/2007/([0-9]{2}/[0-9]{2}/[0-9][0-9]*-.*)$ /index.php/post/2007/$1

Enfin déplacement du dossier images dans un dossier public (spécificité de Dotclear 2 qui, étant capable de gérer plusieurs blogs, est doté maintenant d'un dossier public) :

Redirect permanent /images http://blog.ledebugger.com/public/images

J'utilise aussi un .htaccess (que je n'ai pas encore remis en place) pour interdire l'affichage des images que j'héberge sur d'autres sites. Ceci me permet, en théorie, de mieux contrôler la consommation bande passante qui comme je l'expliquais dans ce billet est squattée par des malotrus :

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(blog\.)?ledebugger\.COM/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(feeds\.)?feedburner\.COM/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?netvibes\.COM/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?google\.COM/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?google\.FR/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?google\.CA/.*$ [NC]
RewriteCond %{HTTP_REFERER} !^http://(www\.)?bloglines\.com/.*$ [NC]
RewriteRule \.(gif|jpg|rmi|mid|rm|wav)$ http://blog.themoosescorner.com/public/Debugger/ledebugger.$1 [NC,R,L]

La liste de sites ce sont les exceptions afin de permettre l'affichage des images sur les agrégateurs de flux en ligne. Si des images ne s'affichent pas sur votre agrégateur, faites le moi savoir que je l'ajoute à la liste. La dernière ligne c'est l'image à remplacer que j'héberge là ou la bande passante n'est pas limitée (merci Gandi ;o)

Merci à Alexandre Alapetite et à Swâmi Petaramesh entre autres.

This is it !

Mox Folder — Wed, 05 Sep 2007 00:27:00 -0400

Les plus fins observateurs auront surement remarqué un lifting complet mais aussi quelques nouveautés induites par le passage à Dotclear 2. Je vous laisse découvrir les petits détails, j'y reviendrai plus tard mais là, à minuit passé, j'ai surtout envie d'aller me coucher !

Bref on va dire que globalement c'est réussi, non sans mal. Tout n'est pas parfait, il y quelques petits ajustements à faire encore, considérez que le blog est en béta pour quelques jours de plus... prévoir quelques perturbations dans les jours qui viennent (liens cassés, images qui ne s'affichent pas, etc.).

J'en profite pour redonner le lien du flux à intégrer dans votre agrégateur favori :

http://feeds.feedburner.com/ledebugger

Considérez aussi que vous avez là une version 2.0 qui va évoluer et s'améliorer dans les semaines qui viennent (avec j'espère une optimisation pour IE mais c'est pas gagné...).

Enfin, merci à kozlika pour ses tutoriaux sur Dotclear 2 et ses kits de structures de thèmes.