J'ai enfin terminé le nouveau template pour LeBlogger.com et j'espère que vous apprécierez ce nouveau look.
Je suis assez satisfait du résultat, un peu étroit mais avec un meilleur "jeux de bordure" et un meilleur choix de couleur, les différentes sections vont êtres plus "distinctes".
Il y a trop de couleurs et trop d'orange, vous ne trouvez pas ??? N'hésitez pas à donner votre avis en commentaire, cela me serait très utile.

Sachez que le nouveau blog est plus léger que l'ancien: moins de widgets, moins de JavaScript, pas de jQuery ni de mootools (le code HTML actuel fait 40ko contre 90ko pour l'ancien thème).
Le CSS est validé sans erreur mais il y a encore quelques petites améliorations pour le HTML.
Le blog s'affiche à peu près pareil dans tous les navigateurs.

Un nouveau Header

J'ai devisé le "Header" en deux parties avec à gauche des gros liens bien visibles (avec les icônes en plus) et le moteur de recherche; à droite la bannière que je n'ai pas eu le temps de créer (j'ai découpé l'ancienne...).

Le nouveau moteur de recherche en Ajax par google

Une merveille ! Rien a voir avec l'ancien moteur de recherche. Mais il m'a fallu pas mal de temps avant d'avoir ce résultat (presque compatible avec tous les navigateurs, même Internet Explorer). Je suis vraiment très content de cette trouvaille.

Le message de bienvenu

En plus de la partie abonnement RSS, j'ai ajouté un lien Twitter et quelques lignes de présentation avec notamment le compteur des commentaires et une photo. Tout ça pour vous souhaitez la bienvenu !

Une barre centrale / Les articles

La barre centrale des messages fait exactement 610px ce qui est très confortable pour la lecture mais aussi pour l'insertion images.
J'ai re-personnaliser toutes les classes de cette partie : Titre, sous-titre, images, liste, citation, lien, codes, tableau, bordure, etc.

Une barre latérale repensée

Dans la barre latérale j'ai créé 3 sections: 350px, 220px et 125px ça manque un peu d'espace mais je vais arranger ça.

Une nouvelle section: le bas de page

J'ai créé trois sections exactement comme pour la barre latérale avec des tailles de 350px, 350px et 200px. C'est une partie du blog qu'il ne faut pas négliger et je vais y consacrer plus de temps.

Le coin Partager

Cette partie m'a pris beaucoup de temps, mais je suis très satisfait du résultat : sobre et design. J'espère que vous vous en servirez pour Tweeter et Facebooker cet article par exemple.

Twitter

Twitter jouera désormais un rôle très important dans la gestion de ce blog, avec le widget "Live Twitter" tout ce que je fais dans Twitter sera visible sur la page d'accueil de LeBlogger.com, génial non !!!
Et avec les liens que j'ai mis un peu partout, j'espère avoir plus de Followers: @LeBlogger.
Ce widget me servira pour afficher les articles récents, les commentaires récents et les réponses au commentaires. "Live Twitter" sera également un moyen pour communiquer en Live avec vous (comme par exemple pendant la dernière panne de Blogger).

Les Commentaires

Dans ce domaines j'ai pas fait grande chose. Je voulais replacer les avatars à droite, numéroter les commentaires, etc. Mais je me suis contenté pour l'instant de re-personnaliser les commentaires du proprio du blog ( moi !!!) et d'ajouter un joli compteur de commentaires. C'est vraiment pas simple à faire, il faut jongler avec le CSS pour que les chiffres soit exactement au bon endroit dans l'image.

LinkWithin revient !

Depuis plusieurs semaines j'utilisais le widget de Aneesh pour afficher les articles similaires mais avec les 610px de la barre centrale je peux utiliser LinkWithin et afficher confortablement 5 images...

J'écrirais des tutoriels détaillés pour chaque astuce dans les prochains jours.

Alors qu'en pensez vous ? N'oubliez pas de Tweeter la News....