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 :
- 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.
- 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 !!!
- 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.
- 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.
- 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) :)
- Nouvelles pages : Je vais mettre à jour toutes les nouvelles pages et j'ai commencé par la page de contact avec un meilleur formulaire.
- 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
N'hésitez pas à nous dire ce que vous pensez du nouveau Look et si vous avez constater des problèmes...
Bonjour Soufiane, Franchement j'aime beaucoup ce nouveau template, et surtout qu'il soit plus coloré que les autres : la couleur orange et bleue.
RépondreSupprimerEt 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.
Merci :)
RépondreSupprimerOui 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....
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épondreSupprimerOullala j'ai pas fait attention, merci oui c'est peau :)
RépondreSupprimerC'est beau de change de peau : à dire dix fois très vite !!
RépondreSupprimersalut 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
RépondreSupprimerd'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
Merci pour le commentaire Abu, il est impossible d'avoir un blogspot valide au W3C surtout lorsqu'on utilise du CSS3...
RépondreSupprimerOui 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 !
Salut
RépondreSupprimerj'aime bien cette version, les couleurs, bravo !
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épondreSupprimerlien de télechargement stp ?
RépondreSupprimersinon , un peu décu au niveau des couleurs , on a toujours l'EMBARRAS du choix !
Bonjour !
RépondreSupprimerC'est quoi http://verminedesombre.blogspot.com/ ??
Je vois pas le rapport avec le reste ?
Nono
@أبو إياد
RépondreSupprimerY 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 :)
@Nono
RépondreSupprimerC'est un designer qui m'a fait le future logo LeBlogger.com :)
@Nono
RépondreSupprimerJe 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 :)
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épondreSupprimerUtilisation 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