Articles

La balise TITLE sur Blogger

Blogger Code - La balise TITLE sur Blogger
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

Blogger Code - Favicon personnalisée
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]

Blogger Code - Favicons multi-sets [icon / apple-touch-icon / msapplication]
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]

Blogger Code - Variables d'habillage - Les valeurs automatisées [automatic]
Le terme automatic est employé pour qualifier une variable d'habillage Blogger.
Une variable de type automatic contient une valeur automatisée souvent variable en fonction de certains réglages définis via le tableau de bord.

Variables d'habillage - Les dimensions [length]

Blogger Code - Variables d'habillage - Les dimensions [length]
Le terme length est employé pour qualifier une variable d'habillage Blogger.
Une variable de type length contient une longueur, généralement en px ou en px.

Variables d'habillage - Les polices [font]

Blogger Code - Variables d'habillage - Les polices [font]
Le terme font est employé pour qualifier une variable d'habillage Blogger.
Une variable de type font contient les paramètres d'une police comme la taille et la famille.

Variables d'habillage - Les URLs [url]

Blogger Code - Variables d'habillage - Les URLs [url]
Le terme url est employé pour qualifier une variable d'habillage Blogger.
Une variable de type url contient l'adresse d'une image qui sert généralement à définir un arrière-plan.

Variables d'habillage - Les couleurs [color]

Blogger Code - Variables d'habillage - Les couleurs [color]
Le terme color est employé pour qualifier une variable d'habillage Blogger.
Une variable de type color contient un code de couleur hexadécimale, rgb ou rgba.
Excessivement populaire

Masquer des éléments des modèles dynamiques

Blogger Code - Masquer des éléments des modèles dynamiques
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]

Blogger Code - Variables d'habillage - Les chaînes de caractères [string]
Le terme string est employé pour qualifier une variable d'habillage Blogger.
Une variable de type string contient une chaîne de caractères. Cette variable est généralement utilisée en dernier recours lorsque la valeur que l'on souhaite ajouter ne correspond à aucun type existant.

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

Blogger Code - Variables d'habillage - Les arrière-plans [background]
Le terme background est employé pour qualifier une variable d'habillage Blogger.
Une variable de type background contient les paramètres d'un arrière-plan comme la couleur et l'url de l'image.

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

Blogger Code - Les paramètres arrière-plan [color/image]
Les termes color et image sont des suffixes que l'on ajoute à une donnée d'habillage Blogger 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

Blogger Code - Créer des sous-catégories dans le gadget Libellés
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 données de type images [image]

Blogger Code - Les données de type images [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 et plusieurs caractéristiques qui peuvent être exploitées avec les opérateurs Blogger.

Widget Lecteur Recherche Vidéos YouTube

Blogger Code - Widget Lecteur Recherche Vidéos YouTube
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

Blogger Code - Modèle XML Blogger, le minimum requis
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

Blogger Code - Une pagination automatique avec le gadget Libellés
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]

Blogger Code - Le paramètre Image redimensionnable [isResizable]
Le terme isResizable est un suffixe que l'on ajoute à une donnée Blogger de type image qui détermine si l'image contenue dans la donnée est redimensionnable via les opérateurs d'images.

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

Blogger Code - Les paramètres caractères d'échappement [escaped/jsEscaped/jsonEscaped/cssEscaped]
Les termes escaped, jsEscaped, jsonEscaped et cssEscaped sont des suffixes que l'on ajoute à une donnée Blogger de type string pour échapper son contenu.

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

Blogger Code - Les paramètres HyperText Transfer Protocol Secure [http/https]
Les termes http et https sont des suffixes que l'on ajoute aux données Blogger pour attribuer un protocole aux données de type URL.

Le paramètre URL canonique [canonical]

Blogger Code - Le paramètre URL canonique [canonical]
Le terme canonical est un suffixe que l'on ajoute aux données Blogger de type URL, pour obtenir une url canonique.

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

Blogger Code - Longueur d'une chaîne de caractères [length/size]
Les termes length et size sont des suffixes que l'on ajoute aux chaînes de caractères pour obtenir une longueur.
Populaire ce mois

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

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

Filtrer les libellés dans les articles

Blogger Code - Filtrer les libellés dans les articles
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 données de type URLs [URL]

Blogger Code - Les données de type URLs [URL]
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 dont certaines caractéristiques comme par exemple, le protocole https/http sont paramètrables.

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

Blogger Code - Les opérateurs Lambdas [any/all/none/count/map/where/first]
Les opérateurs Lambdas sont des expressions spécifiques au language Blogger, qui permettent de traiter des tableaux en fonction de critères contenus dans ce tableau.

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

Blogger Code - Les opérateurs d'images [resizeImage/sourceSet]
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 Google, comme par exemple, redéfinir la taille et le ratio, ou encore les rendre responsives.

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

Blogger Code - Les opérateurs de tableaux [to/limit/take/skip/offset]
Les opérateurs de tableaux permettent de contrôler le résultat de sortie d'un tableau.

Les sélecteurs ternaires et binaires [?:]

Blogger Code - Les sélecteurs ternaires et binaires [?:]
Les sélecteurs ternaires et binaires sont des opérateurs utilisant respectivement trois et deux opérandes. Le résultat est un choix parmi 2 valeurs.

Les opérateurs membres [in / contains]

Blogger Code - Les opérateurs membres [in / contains]
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]

Blogger Code - L'opérateur de contenu [contains]
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]

Blogger Code - Les opérateurs logiques [and/or/not]
Les opérateurs de logiques de Blogger comparent des valeurs booléennes dont le résultat renvoie une valeur booléenne.

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

Blogger Code - Les opérateurs de comparaison [== != < <= > >=]
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 concaténation [+]

Blogger Code - L'opérateur de concaténation [+]
L'opérateur de concaténation 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]

Blogger Code - Les opérateurs Blogger [introduction]
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 données de tableaux [array]

Blogger Code - Les données de tableaux [array]
Le terme array est employé pour qualifier une structure de données. Contrairement aux objets, un tableau est composé de 0 ou plusieurs éléments d'un même type.

Les données objets [object]

Blogger Code - Les données objets [object]
Le terme object est employé pour qualifier un set de données Blogger.
Un objet contient des données de n'importe quel type (chaînes de caractères, booléens, urls, dates, nombres, etc) et dans certains cas et contrairement à certains langages, une donnée d'un type particulier peut être aussi un objet.

Les valeurs numériques [number]

Blogger Code - Les valeurs numériques [number]
Le terme number est employé pour qualifier le type d'une donnée Blogger.
Une valeur de type number est... un nombre.

Les valeurs booléennes [boolean]

Blogger Code - Les valeurs booléennes [boolean]
Le terme boolean est employé pour qualifier le type d'une donnée Blogger.
Une valeur booléenne ne peut être que vraie ou fausse.

Les chaînes de caractères [string]

Blogger Code - Les chaînes de caractères [string]
Le terme string est employé pour qualifier le type d'une donnée Blogger.
Une valeur de type string est une chaîne de caractères.
Populaire cette semaine

Les types de données [introduction]

Blogger Code - Les types de données [introduction]
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), une très grosse cuillère (votre clavier) et le livre de recettes (votre blog préféré Blogger Code).

Character DATA [CDATA]

Blogger Code - Character DATA [CDATA]
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:]

Blogger Code - Le préfixe d'attribut d'expression [expr:]
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]

Blogger Code - La balise de sortie des données [data]
La balise <data:...> est une balise singleton qui permet d'extraire explicitement la valeur d'une donnée Blogger.

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

Blogger Code - La balise d'évaluation d'expressions [b:eval]
La balise d'évaluation d'expressions <b:eval> est une balise singleton qui permet d'afficher explicitement la valeur du résultat d'une expression Blogger.

Alias de variable [b:with]

Blogger Code - Alias de variable [b:with]
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]

Blogger Code - Les boucles [b:loop]
Dans l'éditeur XML de Blogger, une boucle est mise en œuvre à l'aide de la balise <b:loop>. Elle permet d'accéder aux items des array (tableaux).

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

Blogger Code - Les balises commutateurs [b:switch / b:case / b:default]
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>.

Les balises conditionnelles [b:if / b:elseif / b:else]

Blogger Code - Les balises conditionnelles [b:if / b:elseif / b:else]
Les balises conditionnelles <b:if>, <b:elseif> et <b:else> sont des instructions qui permettent d’exécuter ou non un bloc de codes dans l'éditeur XML de Blogger.

Les balises d'inclusion [b:includable / b:include]

Blogger Code - Les balises d'inclusion [b:includable / b:include]
Les balises <b:includable> et <b:include> sont comme des tiroirs contenant une séries de codes.
<b:includable>renferme le contenu, tandis que <b:include>appelle le contenu.

La balise de gadget [b:widget]

Blogger Code - La balise de gadget [b:widget]
La balise Blogger<b:widget> est un élément de mise en page, qui ne peut être contenue que dans une balise <b:section>.
Cette balise renferme le code xml du gadget.

La balise de section [b:section]

Blogger Code - La balise de section [b:section]
La balise Blogger<b:section> est un élément de mise en page, permettant d'accueillir les gadgets Blogger.

Les balises d'habillage [b:skin / b:template-skin]

Blogger Code - Les balises d'habillage [b:skin / b:template-skin]
Les balises <b:skin> et <b:template-skin> sont des éléments employés dans l'entête du fichier XML du thème Blogger, dont le contenu est composé d'une série de déclarations de variables et de CSS interagissants avec l'outil de création de thèmes.

Les balises Blogger [introduction]

Blogger Code - Les balises Blogger [introduction]
Les balises Blogger sont des balises spécifiques à l'éditeur XML de Blogger et ne peuvent être utilisées que dans celui-ci.