5 octobre 2011

Blogger : utilisez un template classique modernisé

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 template classiques de Blogger étaient particulièrement fiables et pouvaient être personnalisés par chacun.

Ces template 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.

notebook red

Avec ces templates, on peut réaliser un blog ayant l'aspect d'un cahier à anneaux. Mais on peut aussi obtenir n'importe quelle autre présentation basée sur des fonds d'écran transparents et une grande image de fond constituant le décor.

* * * * *

LA VERSION 2 du code du template modernisé à 2 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.

* * * * *
template modernisé à 2 colonnes pour blogger

Un exemple à 3 colonnes est disponible ici.

Une version avec une seule colonne, celle des messages (et donc sans barre latérale), est disponible ici.

* * * * *

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

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

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

Une version ROUGE du blog est disponible ici.

Une version VERTE du blog est disponible ici.

Une version BLEUE du blog est disponible ici.

Une version du blog A FOND BLANC est disponible ici.

Une version du blog A FOND NOIR est disponible ici.

Une version du blog A FOND BEIGE UNI est disponible ici.

Une version du blog avec le FOND DES MESSAGES EN BEIGE est disponible 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).

* * * * *
notebook blue

Une version BLEUE du blog en forme de CAHIER A ANNEAUX est disponible ici.

Une version ROUGE du blog en forme de CAHIER A ANNEAUX est disponible ici.

Une version VERTE du blog en forme de CAHIER A ANNEAUX est disponible ici.

Une version rouge avec la colonne des messages à gauche est disponible ici.

Une version verte avec la colonne des messages à gauche est disponible ici.

Une version bleue avec la colonne des messages à gauche est disponible ici.

* * * * *

Une version avec 2 colonnes de gadgets inférieures en bas d'écran au lieu de 3, est disponible ici.

Une version avec 1 seule colonne de gadgets inférieure en bas d'écran au lieu de 3, est disponible ici.

* * * * *

Par couleur, 15 présentations différentes du blog sont disponibles.

Les changements de couleurs et de disposition des éléments sont immédiats.

* * * * *

La barre de liens 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 modifier facilement la couleur des caractères utilisés pour le blog : cliquer ici.

On peut modifier 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:12%;'><g:plusone></g:plusone></div>. Le template a en effet déjà fait l'objet des modifications nécessaires.

Pour obtenir n'importe quelle présentation basée sur une grande image de fond constituant le décor, avec, en avant, des éléments (messages et barre latérale) ayant un fond transparent, il suffit :
1) de changer l'image de fond et
2) de rendre transparents les fonds d'écran des messages et de la barre latérale en ajoutant ce gadget HTML/JavaScript juste en-dessous des messages :
<style>#main{background:transparent;}#sidebar{background:transparent;}</style>

Comment ajouter un gadget HTML/JavaScript sur un blog.

* * * * *

Appel aux auteurs.

Les blogueurs expérimentés comprendront rapidement la possibilité, grâce à ce site, de créer des nouveaux templates en ajoutant un simple gadget.

Ils sont invités à créer des nouveaux gadgets comme cela a été fait pour les templates en forme de "cahiers".

Les réalisations et les gadgets pourront être ajoutés sur ce site : cliquer sur "CONTACT" en haut à droite de l'écran.

Template image by Sookhee Lee. Powered by Blogger.
blogger