LeBlogger.com fait peau neuve - Version 4

Une nouvelle version de la Template FullMinima pour le blog avec quelques améliorations au niveau SEO, du design et des choix des couleurs.
N'hésitez pas à nous dire ce que vous pensez du nouveau Look et si vous avez constater des problèmes...

Je ne vais pas faire un long article mais je vais juste citer quelques nouveautés et je ferais plus tard des tutoriels pour avoir les même résultats dans vos blogs :
  1. Nouvelle approche du code HTML : même si le design n'a pas trop changé le code lui n'est plus du tout le même.
    J'ai en effet utilisé 4 blocks de code pour cibler le premier article de la page d'accueil, les articles différent du premier, les pages d'articles et les pages statiques.
    Maintenant le code HTML ressemble à ça :
    Si (Premier message) et (Page d'accueil) alors
             Code 1
    Si (Pas premier message) et (Page accueil) alors
             Code 2
    Si (Page d'article) alors
             Code 3
    Si (Page statique) alors
             Code 4
    Les code 1, 2, 3 et 4 sont différents et sont plus faciles à gérer.
  2. Utilisation des résumés et vignettes générés automatiquement par Blogger : Avant j’affichais 6 articles dans la page d'accueil mais maintenant il y en a 11 et la page d'accueil est 2 fois plus rapide simplement parce que j'utilise moins d'images.
    Les vignettes générés par Blogger font moins de 3Ko alors que mes images peuvent aller jusqu'à 100Ko !!!
  3. Choix des couleurs : Comme le blog parle de Blogger, je me sens un peu obligé d'utiliser la couleur orange !
    J'ai essayé de faire quelque chose de cohérent mais je ne suis pas un designer et je sais qu'il reste encore beaucoup de travail à ce niveau.
  4. Moins d'images qu'avant : J'utilisais avant des images pour avoir un effet gradient mais maintenant j'utilise le CSS3 qui est plus souple.
  5. Un bouton de Don : J'ai ajouté un bouton de Don parce que Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) :)
  6. Nouvelles pages : Je vais mettre à jour toutes les nouvelles pages et j'ai commencé par la page de contact avec un meilleur formulaire.
  7. Phil m'a fait un super logo (à un super prix parce qu'on a des atomes crochus!) que je n'utilise pas encore.
Pour finir vous pouvez comparez avec les anciennes versions : Mai 2010, Avril 2010 et Novembre 2010.

Les nouveautés en Image

Mon tableau de bord Blogger
Footer
Boutons de partage et Articles similaires
Résumés page d'accueil
Page de Contact

Grand aperçu Page d'accueil
Grand aperçu Article
16 Commentaires
  1. Bonjour Soufiane, Franchement j'aime beaucoup ce nouveau template, et surtout qu'il soit plus coloré que les autres : la couleur orange et bleue.

    Et aussi la page d'acceuil, très sympa. juste un truc : tu as deux fois j'aime, je suppose que c'est la page d'accueil et ta fan page..
    Le bouton paypal je l'aurai mis sur la colonne de droite en évidence. Perso, je clique souvent sur tes pubs pour t'encourager..car tu fais du bon boulot.

    RépondreSupprimer
  2. Merci :)
    Oui y a un bouton j'aime pour les articles et un autre pour la fan page. Dans les pages d'articles il y a aussi 3 boutons facebook et 2 boutons Twitter, je ne suis pas sûr de l’efficacité mais je teste et on verra.

    Dommage qu'on ne peut pas contrôler la taille des petits résumés et des vignettes....

    RépondreSupprimer
  3. Beau boulot chef ! J'aime bien cette formule de page de contact, bonne idée. C'est une bonne idée aussi d'avoir montré les versions précédentes, on peut voir toute l'évolution. Petite question avant de terminer : le "beau neuve" dans le titre c'est voulu ? ;o)

    RépondreSupprimer
  4. Oullala j'ai pas fait attention, merci oui c'est peau :)

    RépondreSupprimer
  5. C'est beau de change de peau : à dire dix fois très vite !!

    RépondreSupprimer
  6. salut soufian ,je te félicite pour la nouvelle version ,c'est plus pratique j'aime bien que tu met l'arrière plan et le text du titre des widget à un couleur similaire au logo c a dir d'utilisé la couleur orange pour les barre de titre du widget ,je pense que ca sera plus compatible avec le nv designe ,et pour visualiser ce changement cliquer içi
    d'autre part ton blog a 147 Errors au niveau de codage html et css ,cliquer içi
    a bien ton
    mon blog : www.abu-iyad.com

    RépondreSupprimer
  7. Merci pour le commentaire Abu, il est impossible d'avoir un blogspot valide au W3C surtout lorsqu'on utilise du CSS3...

    Oui l'orange pour les titres des widgets est une très bonne idée mais j'ai pensé que c'était un peu trop, je veux plutôt mettre en évidence les articles !

    RépondreSupprimer
  8. Salut

    j'aime bien cette version, les couleurs, bravo !

    RépondreSupprimer
  9. si tu visualises le blog de abu-farhan à W3C tu trouves qu'il a seulement 13 erreurs ,comment expliques tu cet différence ? et est ce que ces types des erreurs influencent sur le bon référencement sur google ??

    RépondreSupprimer
  10. lien de télechargement stp ?

    sinon , un peu décu au niveau des couleurs , on a toujours l'EMBARRAS du choix !

    RépondreSupprimer
  11. Bonjour !
    C'est quoi http://verminedesombre.blogspot.com/ ??
    Je vois pas le rapport avec le reste ?

    Nono

    RépondreSupprimer
  12. @أبو إياد
    Y a pleins de choses : les boutons de partage, les widgets Blogger, les codes JS, le code CSS de Blogger

    Suffit de regarder les erreurs pour voir que ça vient de Blogger et que c'est impossible à corriger :)

    RépondreSupprimer
  13. @Nono
    C'est un designer qui m'a fait le future logo LeBlogger.com :)

    RépondreSupprimer
  14. @Nono
    Je viens juste de voir ce que tu voulais dire, Merci oui j'ai ajouté l'adresse en début d'article sans m'en rendre compte et juste quand j'ai publié le deuxième article ce matin que je m'en suis rendu compte :)

    RépondreSupprimer
  15. C'est beau, agréable et la page d'accueil est plus exhaustive avec la multitude d'article visible en un clin d'oeil. Félicitation...:)

    RépondreSupprimer
  16. Utilisation des résumés et vignettes générés automatiquement par Blogger ?? J'ai un grand problème de chargement sur mon blog, je sais pas trop d'où ça vient, et je cherche à le minimiser :(

    RépondreSupprimer

Copyright 2015 Soufiane.fr