Articles

La balise TITLE sur Blogger

Image
Il est important de titrer son blog et toutes les pages qu'il contient.
Sur Blogger, une balise est déjà fournie dans tous les modèles officiels.
Que génère cette balise et est-il possible de l'optimiser ?

Favicon personnalisée

Image
Une favicon est une icône symbolisant un site web.
Par défaut, la favicon de votre blog est celui de la plate-forme Blogger (un grand B blanc sur un fond orange).
Depuis la mi-2011, Blogger vous propose la possibilité de modifier simplement la favicon de votre blog sans avoir a passer par le code XML du modèle.

Favicons multi-sets [icon / apple-touch-icon / msapplication]

Image
Une favicon est une icône informatique symbolisant un site web.
Ces icônes sont créées et/ou utilisés par les concepteurs des sites internet. Les navigateurs web peuvent utiliser la favicon dans la barre d'adresse, les signets, les onglets ou encore les autres raccourcis. [WIKIPEDIA]

Variables d'habillage - Les valeurs automatisées [automatic]

Image
Le terme automatic est employé pour qualifier une variable d'habillage.
Une variable de type automatic contient une valeur automatisée.

Variables d'habillage - Les dimensions [length]

Image
Le terme length est employé pour qualifier une variable d'habillage.
Une variable de type length contient une longueur.

Variables d'habillage - Les polices [font]

Image
Le terme font est employé pour qualifier une variable d'habillage.
Une variable de type font contient les paramètres d'une police.

Variables d'habillage - Les URLs [url]

Image
Le terme url est employé pour qualifier une variable d'habillage.
Une variable de type url contient l'adresse d'une image.

Variables d'habillage - Les couleurs [color]

Image
Le terme color est employé pour qualifier une variable d'habillage.
Une variable de type color contient un code de couleur.
Populaire depuis très longtemps

Masquer des éléments des modèles dynamiques

Image
Les CSS masquant certains éléments dans les modèles dynamiques.
Générateurs pour l'entête, la barre de menu, les options des articles, les diverses vues, etc.

Variables d'habillage - Les chaînes de caractères [string]

Image
Le terme string est employé pour qualifier une variable d'habillage.
Une variable de type string contient une chaîne de caractères.
Populaire cette année

Variables d'habillage - Les arrière-plans [background]

Image
Le terme background est employé pour qualifier une variable d'habillage.
Une variable de type background contient les paramètres d'un arrière-plan.

Les variables d'habillage [introduction]

Image
Les variables d'habillage sont spécifiques à chaque thème Blogger. Grâce à elles, l'administrateur du blog peut personnaliser très rapidement l'apparence du thème sans avoir à recourir à des connaissances CSS.
Créer des variables d'habillage lors de la conception d'un thème destiné à la distribution, est donc un très gros argument de vente pour convaincre ses prospects.

Les paramètres arrière-plan [color/image]

Image
Les termes color et image sont des suffixes que l'on ajoute à une donnée d'habillage dont la variable est de type background, pour obtenir la couleur et l'url de l'image d'arrière-plan.

Créer des sous-catégories dans le gadget Libellés

Image
Cette fonctionnalité n'est pas fournie dans le pack original de Blogger. Mais est-il réellement possible d'automatiser une liste ?
Si vous êtes arrivé sur cette page, il est fort probable que ça soit réalisable via l'éditeur XML de votre modèle.

Les images [image]

Image
Le terme image est employé pour qualifier le type d'une donnée Blogger.
Une donnée de type image contient l'url d'une image.

Gadget Libellés [Vertical pack custom]

Image
Ajouter des options supplémentaires au gadget Libellés.
Transformer la traditionnelle liste à puces en une liste déroulante ou en une liste numérotée. Paramétrer des réglages de quantité, choisir le nombre de résultats à afficher, etc...
Ce développement reprend, sans détérioration, toutes les fonctions basiques du gadget Libellés destiné à un emplacement vertical (colonne).
Choix de conditions d'affichage,
Activation possible pour la version mobile personnalisée.
etc...

Widget Lecteur Recherche Vidéos YouTube

Image
Le gadget Blogger qui recherche les vidéos YouTube en fonction du contenu de votre blog.
Multiple réglages : Restrictions d'affichage, Commandes, thème du lecteur, etc.

Modèle XML Blogger, le minimum requis

Image
Vous voulez construire un modèle Blogger à partir d'une feuille blanche ?
Vous avez déjà une bonne maîtrise en HTML et CSS ? C'est un bon départ.
Vous comprenez le langage XML de Blogger ? C'est parfait.
Vous êtes donc prêt à vous lancer ce nouveau défi.

Une pagination automatique avec le gadget Libellés

Image
Comment créer une pagination pour les pages de libellés ?
Ce code de démonstration XML reconstruit une barre de liens numérotés à partir des libellés sélectionnés dans le gadget "libellés".

Le paramètre Image redimensionnable [isResizable]

Image
Le terme isResizable est un suffixe que l'on ajoute à une donnée de type image qui détermine si l'image contenue dans la donnée est redimensionnable.

Les paramètres caractères d'échappement [escaped/jsEscaped/jsonEscaped/cssEscaped]

Image
Les termes escaped, jsEscaped, jsonEscaped et cssEscaped sont des suffixes que l'on ajoute à une donnée de type string pour échapper son contenu.

Les paramètres HyperText Transfer Protocol Secure [http/https]

Image
Les termes http et https sont des suffixes que l'on ajoute aux données pour attribuer un protocole aux données de type URL.

Le paramètre URL canonique [canonical]

Image
Le terme canonical est un suffixe que l'on ajoute aux données de type URL, pour obtenir une url canonique.

Longueur d'une chaîne de caractères [length/size]

Image
Les termes length et size sont des suffixes que l'on ajoute aux chaînes de caractères pour obtenir une longueur.

Les paramètres additionnels des données [introduction]

Image
Les paramètres additionnels des données sont des suffixes s'ajoutant aux données et qui permettent d'obtenir des informations supplémentaires ou d'appliquer une caractéristique à la valeur.

Filtrer les libellés dans les articles

Image
Dans le gadget libellé, il est possible de sélectionner les libellés que l'on souhaite afficher. Par contre, dans les articles, cette "option" n'existe pas.
Grâce au XML et aux opérateurs Blogger, vous pouvez filtrer vos libellés en choisissant des critères spécifiques.

Les URLs [URL]

Image
Le terme URL est employé pour qualifier le type d'une donnée Blogger.
Une donnée de type URL contient une adresse du blog.

Les opérateurs Lambdas [any/all/none/count/map/where/first]

Image
Les opérateurs Lambdas permettent de traiter des tableaux.

Les opérateurs d'images [resizeImage/sourceSet]

Image
Les opérateurs d'images sont des opérateurs spécifiques au langage Blogger qui permettent d'appliquer des caractéristiques aux URLs des images.

Les opérateurs de tableaux [to/limit/take/skip/offset]

Image
Les opérateurs de tableaux permettent de contrôler le résultat de sortie d'un tableau.

Les sélecteurs [?:]

Image
Les sélecteurs ternaires et binaires sont des opérateurs utilisant respectivement trois et deuxopérandes. Le résultat est un choix parmi 2 valeurs.

Les opérateurs membres [in / contains]

Image
Les opérateurs membres ont la particularité de vérifier l'équivalence d'une valeur à une valeur contenue dans un tableau. Le résultat renvoie une valeur booléenne.

L'opérateur de contenu [contains]

Image
L'opérateur de contenu a la particularité de comparer une section d'une chaîne de caractères à une chaîne de caractères. Le résultat renvoie une valeur booléenne.

Les opérateurs logiques [and/or/not]

Image
Les opérateurs de logiques comparent des valeurs booléennes dont le résultat renvoie une valeur booléenne.

Les opérateurs de comparaison [== != < <= > >=]

Image
Les opérateurs de comparaison ont la particularité de vérifier l'équivalence de deux valeurs. Le résultat renvoie une valeur booléenne.

L'opérateur de jonction [+]

Image
L'opérateur de jonction a la particularité de relier une chaîne de caractères à une valeur du même type ou d'un type différent...

Les opérateurs Blogger [introduction]

Image
Les opérateurs Blogger sont utilisés dans les expressions pour effectuer des opérations arithmétiques, comparer des valeurs, traiter des tableaux, etc...

Les tableaux [array]

Image
Le terme array est employé pour qualifier une structure de données.

Les objets [object]

Image
Le terme object est employé pour qualifier un set de données.

Les nombres [number]

Image
Le terme number est employé pour qualifier le type d'une valeur.
Une valeur de type number est... un nombre.

Les booléens [boolean]

Image
Le terme boolean est employé pour qualifier le type d'une valeur.
Une valeur booléenne ne peut être que vraie ou fausse.

Les chaînes de caractères [string]

Image
Le terme string est employé pour qualifier le type d'une valeur.
Une valeur de type string est une chaîne de caractères.

Les types de données [introduction]

Image
Depuis l'introduction des nouvelles expressions Blogger en 2015, connaître le type de chaque donnée est devenu essentiel.
Mais pourquoi donc ?
Parce que pour préparer une bonne soupe, il faut tous les ingrédients (les données), les épices (les opérateurs), une très grosse marmite (l'éditeur XML), un fourneau (votre PC) et une très grosse cuillère (votre clavier).

Character DATA [CDATA]

Image
CDATA est un acronyme qui signifie Character DATA. Le terme indique qu'une partie du fichier XML du modèle ne sera pas analysée. Ainsi, les caractères spéciaux comme <, >, les esperluettes, les quotes, etc..., ne seront pas échappés. De même que le language spécifique à Blogger (Les balises et les expressions) ne sera pas interprété.

Le préfixe d'attribut d'expression [expr:]

Image
Le terme expr: est un préfixe d'attribut, qui indique que le contenu de la valeur de l'attribut contient une expression Blogger.

La balise de sortie des données [data]

Image
La balise data: permet d'extraire explicitement la valeur d'une donnée.

La balise d'évaluation d'expressions [b:eval]

Image
La balise d'évaluation d'expressions b:evalaffiche explicitement la valeur du résultat d'une expression Blogger.

Alias de variable [b:with]

Image
L'alias de variable b:with est une balise d'instruction qui permet de créer une expression complexe pouvant être récupérée dans les nœuds enfants.

Les boucles [b:loop]

Image
Une boucle est mise en œuvre à l'aide de la balise b:loop. Elle permet d'accéder aux items des tableaux (array).

Les balises commutateurs [b:switch / b:case / b:default]

Image
Les balises commutateurs b:switch, b:case et b:default sont des instructions qui permettent d’exécuter ou non un bloc de codes.
Les balises commutateurs se comportent comme les balises conditionnelles b:if, b:elseif et b:else.