5 octobre 2011

Blogger : utilisez un template classique modernisé à 3 colonnes

Créer gratuitement un blog avec BLOGGER ne prend que quelques minutes :
- il suffit d'abord de se faire enregistrer (créer un compte) ;
- on peut ensuite passer à la création du blog.

Lors de la création du blog, un template (modèle) aura été choisi parmi les templates proposés. Il peut être changé ensuite. Ce site permet d'obtenir (gratuitement) un template classique de Blogger mais modernisé et disponible avec 2 ou 3 colonnes et un menu déroulant. Il est utilisé pour réaliser ce blog.

Les templates classiques de Blogger étaient particulièrement fiables et pouvaient être personnalisés par chacun.

Ces templates classiques modernisés sont LES TEMPLATES IDÉAUX POUR DÉBUTER (ou continuer ...). Ils sont encore plus faciles à personnaliser que les modèles classiques d'origine. On pourra toujours évoluer ultérieurement vers un produit plus sophistiqué mais plus complexe à utiliser.

* * * * *

Le code du template modernisé à 3 colonnes est disponible ici (l'enregistrer sur le disque dur ou l'ouvrir avec le "bloc-notes").

La LARGEUR du blog est VARIABLE en fonction de la résolution d'écran. On évite ainsi les marges vides à gauche et à droite du blog. Mais le décor reste visible grâce au fond semi-transparent de la colonne latérale.

Ce sont les mots "Page suivante" et "Page précédente" qui permettent la navigation. Ils sont en plus (ce qui est rare) repris en haut et en bas du blog, pour permettre aux lecteurs de passer facilement à la page suivante au lieu de quitter le blog.

Trois colonnes de gadgets ont été ajoutées en bas d'écran.

Une barre de liens horizontale DÉROULANTE sur mesure et à 4 niveaux est intégrée à l'en-tête : passer avec le curseur au-dessus de LIEN 5 puis LIEN 5.1 puis LIEN 5.1.2.: à chaque fois un sous-menu se déroule.

La taille des colonnes permet d'accueillir les formats de publicités Adsense les plus rentables.

Deux boutons "J'aime" de Facebook ont été ajoutés au-dessus et en-dessous des messages.

Une flèche vers le haut (en haut à droite) peut à tout moment ramener les visiteurs en haut de l'écran.

Les réponses aux commentaires par l'auteur du blog ont une présentation différente des autres commentaires.

* * * * *

Une version ROUGE du blog avec une bannière rouge figure ici.

Une version VERTE du blog avec une bannière verte figure ici.

Une version BLEUE du blog avec une bannière bleue figure ici.

Une VERSION ROUGE du blog figure ici.

Une VERSION VERTE du blog figure ici.

Une VERSION BLEUE du blog figure ici.

Une VERSION du blog à FOND BLANC figure ici.

Une VERSION du blog à FOND NOIR figure ici.

Une VERSION du blog à FOND BEIGE UNI figure ici.

N'IMPORTE QUELLE AUTRE COULEUR OU IMAGE DE FOND PEUT ÊTRE CHOISIE.

Pour obtenir en français les codes d'autres couleurs, cliquer ici. Pour changer de couleur, on peut utiliser un nom (red) ou un code (#353535).

* * * * *

template modernisé à 2 colonnes pour blogger

Un exemple du même template mais à 2 colonnes figure ici.

Un exemple du même template mais avec 2 colonnes inférieures de gadgets au lieu de 3 figure ici.

Un exemple du même template mais avec 1 colonne inférieure de gadgets au lieu de 3 figure ici.

* * * * *

La barre de liens sur mesure doit être ajoutée dans un gadget HTML/JavaScript, en-dessous du titre.

Son code est disponible à cette adresse.

Comment ajouter un gadget HTML/JavaScript sur un blog.

Des explications pour adapter la barre à ses besoins sont disponibles ici.

* * * * *

Pour changer de template, un simple copier-coller du nouveau code suffit.

- Copier le nouveau code du template.

- Aller dans le "Tableau de bord" de Blogger. Cliquer sur "Présentation" ou "Mise en page" puis sur "Modifier le code HTML".

- Sauvegarder l'ancien template en cliquant sur : "Télécharger le modèle dans son intégralité".

- Cocher la case "Développer les modèles de gadgets".

- Coller le nouveau code.

- Cliquer sur "Aperçu".

- Si cela convient, cliquer sur : "Enregistrer".

* * * * *

On peut facilement modifier la couleur des caractères utilisés pour le blog : cliquer ici.

On peut modifier tout aussi facilement la largeur des colonnes du blog : cliquer ici.

Pour ajouter une barre de navigation Blogger en haut de l'écran, cliquer ici.

Pour ajouter le gadget "+1" (actionné par les visiteurs, cela améliore le référencement du blog) dans la colonne latérale, il suffit d'ajouter ce code dans un gadget HTML/JavaScript : <div style='margin-left:19%;'><g:plusone></g:plusone></div>. Le template a en effet déjà fait l'objet des modifications nécessaires.
 
blogger