5 critères pour bien choisir son template Blogger

Si trouver des templates Blogger sur internet n'est pas d'une grande difficulté, il se révèle en revanche plus délicat de choisir le bon. Je vous propose 5 critères pour vous aider à choisir un template pour votre blog.

Utiliser les balises de données

Lorsqu'on personnalise son modèle Blogger, ou qu'on utilise un modèle tiers, arrive toujours le moment où il est nécessaire d'apporter quelques retouches. Plutôt que d'aller faire des modifications "en dur" dans le code HTML du modèle, il est préférable d'utiliser dans la mesure du possible les balises de données mises à disposition par Blogger.

Nouveau : les affichages dynamiques

Ceux qui veulent s'amuser un peu avec leur blog peuvent jouer avec les affichages dynamiques proposés depuis peu chez Blogger.

Attention, les vues ne fonctionnent que si votre blog remplit certains conditions, notamment sur la diffusion de vos flux. Plus d'informations dans le centre d'aide Blogger.

Notez que certaines fonctions type bandeaux de publicités Adsense ne sont pas encore gérées, mais devraient arriver prochainement. Si vous le souhaitez, vous pouvez désactiver ces vues dynamiques dans vos paramètres Blogger.

Amusez-vous bien.

Boutons de partage Facebook Twitter... dans Blogger !

Nouveauté dans Blogger: l'intégration automatique de boutons de partage Twitter, Facebook, Google Buzz, et Blogger !

Le concepteur de modèles

Depuis aujourd'hui, une nouvelle fonctionnalité est disponible dans Blogger in draft : le concepteur de modèles.

A mi-chemin entre les modèles classiques proposés par défaut dans Blogger, et une personnalisation complète qui peut parfois être compliquée pour les non-initiés, le concepteur de modèle est un éditeur visuel dynamique offrant de nombreuses possibilités de personnalisation :

Modifier les textes par défaut

Que Blogger permettre la conception d'un blog en quelques minutes, le tout en français, c'est très bien. Qu'on puisse ensuite changer les messages prédéfinis par Blogger à notre convenance, c'est encore mieux !

"Message plus ancien", "Enregistrer un commentaire"... Ça ne vous dit rien ? Quasiment tous les utilisateurs Blogger se demandent un jour comment changer ces textes par défaut.

Ne cherchez plus.

Fixer la position d'un gadget sur la page

Fixer un gadget sur son blog consiste à le coller sur un emplacement précis de la page pour ne pas qu'il défile avec le reste des éléments lorsque vos visiteurs utilisent les ascenseurs (scrollbars) de leur navigateur.

Ceci est très utile lorsque vous souhaitez qu'un information importante soit constamment affichée à l'écran, ou qu'une fonction ou un lien soit constamment disponible, sans avoir à faire des aller-retours verticaux : lien de contact, abonnement au flux RSS, status twitter... les applications sont nombreuses selon vos besoins.

jQuery + Lightbox : améliorer l'affichage des images

Si vous utilisez l'éditeur Blogger pour ajouter des images à vos billets, vous savez certainement que les images sont publiées sous forme de vignette et que cliquer sur une vignette permet d'ouvrir l'image en taille réelle.

Problème : l'image s'ouvre toute seule dans la page, et votre visiteur doit retourner en arrière (bouton Précédent de son navigateur) pour revenir au billet.

Pourquoi est-ce un problème ?

• Côté utilisabilité, c'est une impasse dont le visiteur ne sort que grâce à son bouton précédent. Une règle de base est de toujours éviter les impasses de navigation.
• Côté esthétique, la page affichant l'image grandeur réelle n'a rien à voir avec le reste du blog

Nous allons améliorer la gestion des liens entre vignettes et images grandeur réelle, grâce à la librairie jQuery et son plugin lightBox, pour afficher plus proprement les images grandeur réelle.

Sites de templates gratuits pour Blogger

Vous en avez assez des templates proposés par défaut par Blogger ? Voici une sélection de sites incontournables proposant des templates gratuits pour Blogger.

Changer la favicon de Blogger

La favicon est la petite icône que votre navigateur Internet affiche à côté de l'adresse du blog, dans les onglets ouverts sur le blog, ou encore quand le blog est enregistré dans les favoris.

Par défaut, Blogger affiche son célèbre B blanc sur fond orange.

Comment changer l'icône ?

Les variables de modèle

Précédemment, nous avons abordé le fonctionnement des gadgets et des sections , et appris à retrouver les éléments d'une page dans un modèle. Voyons maintenant des composants un peu particuliers, les variables de modèles.

Perdu dans un modèle Blogger ? Suivez le guide

Pour l'utilisateur Blogger qui commence à personnaliser son modèle de blog en profondeur, la rencontre avec le code HTML du modèle est souvent une épreuve.
Que cache un modèle Blogger ? Quel est le lien avec l'éditeur d'éléments de page ? Et comment je m'y retrouve ?

N'ayez plus peur de plonger dans les entrailles de Blogger, lisez la suite...

Différencier les commentaires de l'auteur

Le système natif de commentaires dans Blogger est relativement sommaire. Aujourd'hui, nous allons voir une astuce qui permet de marquer visuellement les commentaires postés par l'auteur du blog, pour pouvoir les différencier des commentaires des visiteurs.

Comprendre un modèle Blogger : Gadgets et Sections

Il y a 3 niveaux de personnalisation pour un blog Blogger :

• Novice : Utiliser un template Blogger par défaut, et ajouter les gadgets désirés
• Intermédiaire : Se procurer un template Blogger, l'installer, et modifier les gadgets au besoin
• Avancé : Modifier soi-même le modèle HTLM de son blog pour y ajouter ses propres sections, puis agrémenter le modèle par des gadgets

Si vous souhaitez atteindre un niveau élevé de personnalisation, vous devez au moins connaitre les bases du langage HTML (structure), maitriser le CSS (mise en page), mais aussi comprendre l'organisation des éléments d'un template Blogger.

Cet article donne une présentation des principaux éléments d'une page Blogger : les sections et les gadgets

Améliorer la hiérarchie des balises des titres

En HTML, le langage qui définit la structure des pages web, les balises <h1>…<h6> sont utilisées pour représentés les titres dans la page, de façon hiérarchique.

Ainsi, les balises <h1> et </h1> encadrent les titres les plus importants d’une page, les balises <h2> les titres de niveau inférieur, etc.
Un grand nombre (tous?) des modèles par défaut de Blogger sont structurés de la façon suivante :

Masquer la barre de navigation Blogger

Généralement une des premières questions que se posent les nouveaux utilisateurs de Blogger : comment masquer la barre de navigation Blogger ?