Comme tous les ans, je profite de la période des vacances d’été afin de faire évoluer ce blog en changeant son apparence ou en ajoutant des fonctionnalités.

Cette année aucune modification graphique n’a été apporté sur le thème utilisé, j’ai cependant ajouté plusieurs fonctionnalités.

Comme vous avez pu le lire via le précédent post, le système de gestion des commentaires est à présent basé sur DISQUS. DISQUS permet de bénéficier d’un affichage ergonomique des commentaires basés sur des threads et vous permet de vous identifier via votre compte Facebook, Twitter ou encore OpenID :

J’ai également rajouté la barre Wibiya en bas de page :

Cette barre permet de fournir des fonctionnalités de navigation tels l’affichage synthétique des derniers posts, mais également de traduire les posts en différentes langues (pratique pour ceux qui arrivent sur mon blog via mes tweets) :

Et enfin, la barre propose une intégration avec Twitter qui vous permet de consulter mes derniers tweets et de tweeter à votre tour à propos des différents posts du blog :

C’est tout pour cette année, n’hésitez pas à m’indiquer ce que vous en penser, à faire vos remarques et suggestions !

DISQUS est un excellent service de gestion de commentaires :

Celui-ci permet de gérer l’authentification des utilisateurs via Facebook Connect, Twitter, OpenID ou encore via un compte DISQUS. Ce qui est idéal afin d’avoir des informations sur les visiteurs qui commentent les posts sans avoir à les forcer à créer de nouveaux comptes. De plus l’affichage et l’ergonomie est bien meilleure que les systèmes de commentaires présénts sur la plupart des moteurs de blog. Pour plus d’infos, je vous recommande vivement d’aller jeter un oeil sur http://www.disqus.com afin d’avoir un bref aperçu de l’ensemble des services proposés (et il y en a beaucoup : intégration des réactions saisies sur Twitter, Widgets d’affichages des posts les plus commentés, etc…).

L’intégration de DISQUS se fait de manière assez simple pour les moteurs de blogs les plus courants tels que Wordpress, Blogger, TypePad, etc. mais n’est pas si simple pour les blogs basés sur DasBlog. Je vous propose donc un petit tutorial afin de vous faciliter la tâche si vous souhaitez vous aussi intégrer DISQUS à votre blog basé sur DasBlog.

La gestion des commentaires ne se fait pas via une macro DasBlog mais via un usercontrol. Il vous faut donc modifier manuellement le fichier CommentViewBox.ascx.

S’agissant dans mon cas d’une migration du système de commentaires pour passer vers DISQUS, j’ai décidé de laisser l’affichage des commentaires existants de mon blog tout en proposant la saisie des nouveaux via DISQUS. Ainsi les posts existants ayant des commentaires continueront d’afficher les commentaires existants tout en permettant la saisie des nouveaux via le nouveau système, et quand aux nouveaux posts, ceux-ci n’afficheront que les commentaires saisis via DISQUS.

Pour cela j’ai rajouté une div avec la class CommentBoxStyle (afin de s’intégrer correctement d’un point de vue design) juste après la div ayant pour id “CommentViewContent”. Div qui va contenir le code générique #1 de DISQUS. Dans mon cas :

A noter que j’ai également masqué la div “commentViewEntry” via un style=”display:none” afin d’interdire toute saisie de commentaire via l’ancien système.

Afin d’afficher le nombre de commentaires saisis via DISQUS il faut rajouter une url spécifique contenant une ancre nommée #disqus_thread. Ce lien sera modifié dynamiquement via javascript afin d’indiquer ce nombre. Pour cela, modifier le fichier itemTemplate.blogtemplate de votre thème comme ceci :

Enfin dernière étape, il faut donc ajouter ce fameux javascript. Pour cela modifier le fichier homeTemplate.blogtemplate et ajouter le snippet #2 avant la fermeture de la balise body :

Afin directement les commentaires au sein de chaque post, je vous recommande d’activer l’option suivante (je ne comprends vraiment pas pourquoi elle ne l’est pas par défaut…)

Voilou, n’hésitez pas à tester le nouveau système de commentaires !

Si vous souhaitez modifier le moteur de blog DasBlog sous Visual Studio 2010 vous risquez de rencontrer différents problèmes.

Lors de l’ouverture de la solution 2008, la conversion automatique ne fait pas le travail tout à fait correctement puisque l’on se retrouve avec le message d’erreur suivant : 
C:\Projects\DasBlog\source\newtelligence.DasBlog.Web\newtelligence.DasBlog.Web.csproj(1529,123): The expression "$("".VSVersion)" cannot be evaluated. Method 'System.String.VSVersion' not found.

Afin de résoudre le problème éditez le fichier csproj et identifiez les lignes suivantes :

Supprimez-les et remplacez-les  par l’import suivant :
<Import Project="$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v10.0\WebApplications\Microsoft.WebApplication.targets" />

Tout devrait alors rentrer dans l’ordre, vous devriez être capable d’éxécuter et modifier DasBlog afin de l’adapter à vos besoins :

Fini les screenshots de code source posté sur ce blog, je viens d'installer le projet SyntaxHighlighter disponible sur Google code.

Ce projet permet de mettre en forme de manière correcte le code source dans les posts de blog :

Pour installer ce projet sur DasBlog cela est assez simple. Rendez-vous dans le dossier contenant le thème que vous utilisez et modifiez le fichier homeTemplate.blogtemplate afin de rajouter les éléments suivants dans le header :

<script language="javascript" src="http://patricelamarche.net/scripts/shCore.js"></script>
<script language="javascript" src="http://patricelamarche.net/scripts/shBrushCSharp.js"></script>
<script language="javascript" src="http://patricelamarche.net/scripts/shBrushXml.js"></script>

Puis les lignes suivantes avant la fermeture de la balise <body/> :

<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = 'http://patricelamarche.net/scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>

Il ne reste plus qu'à copier les fichiers nécessaires présents dans le .rar sur le site du projet, là où vous les avez référencé et c'est terminé !

Point interessant pour tous les amateurs de Windows Live Writer (dont je fais parti), vous avez la possibilité d'utiliser un plugin disponible sur Codeplex : http://www.codeplex.com/wlwSyntaxHighlighter afin d'avoir une intégration fonctionnelle.

Après une petite customisation vous pouvez arriver à ce résultat là (oui je milite pour les fonds noir dans Visual Studio... A chacun ses combats :) 

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace ConsoleApplication141
{
    class Program
    {
        static void Main(string[] args)
        {
        }
    }
}

[Update] Bon ok, la couleur des attributs XML ça pique un peu les yeux, mais bon pour le langage C# cela devrait faire l'affaire...

[Update2] Bon j'ai viré la mise en forme XML en attendant que j'ajuste le tir, histoire de ne plus avoir de commentaires désobligeants ;)

Suite à un incident matériel survenu sur ce serveur, ce blog est en cours de maintenance pendant quelques jours.

Grâce à l'excellente qualité du support de mon hébergeur ASPServeur, tout devrait pouvoir revenir à la normale sous peu.

Je profite de cet incident afin de migrer vers une nouvelle plate-forme de blog. Je vais donc procéder à la migration de mes posts au fur et à mesure de mes dispos.