Affichage des articles publiés en 2014 (33).
Base de connaissancesFonctionnalitésAvancé

Domaine national de premier niveau - Comparer les url avec l'expression cond=''

Lorsque l'on construit un modèle, il peut arriver qu'on aie besoin d'appliquer des restrictions d'affichage en employant des expressions conditionnelles cond.
Avec les domaines nationaux blogspot, la mise en place de restrictions en comparant les url, peut parfois prêter à confusion...
Que doit-on réellement comparer ? Le domaine national, l'url canonique ou une autre donnée ?
Base de connaissancesFonctionnalitésThèmes

Les phénomènes de rupture

Querelle amoureuse avec votre blog ? Entamez la réconciliation. C'est gratuit. :D
Vous êtes nombreux à constater ce phénomène et à le considérer comme un bug. Pourtant reconnu par l’ingénierie, celle-ci ne répare pas. Pourquoi ?
Un phénomène de rupture n'est pas un bug, mais plutôt un défaut de fabrication. Ou plutôt, un manque de compréhension entre vous et votre blog.
C'est ce qui fait tout le charme de Blogger. Ça bug, sans vraiment bugguer.
Ce défaut, est un compromis technique, qui permet à Blogger, de proposer aux utilisateurs 2 modes de personnalisation du modèle : via les fonctionnalités proposées dans l'interface et via l'éditeur HTML.
Quand ce dernier a reçu une modification, il y a de fortes probabilités que quelques fonctionnalités de l'interface soient rompues.
Petit tour de présentation des phénomènes les plus courants :
DéveloppementsFichiers XML

Ajouter des boutons à la barre de partage Blogger

Populaire
Customiser la barre de partage Blogger en choisissant les services que vous souhaitez proposer à vos lecteurs.
Taille des boutons, thèmes de couleurs, restrictions d'affichage, etc.
Boutons Facebook, Twitter, Envoi par mail, Orkut, StumbleUpon, LinkedIn, BlogThis, Google+ Share, HelloCoton, Pinterest et Google +1.
Tous les boutons partagent l'adresse canonique de l'article.
etc, etc, etc...
DéveloppementsFichiers CSS

Mettre en forme les images du blog

Générateur de fichiers CSS pour les images contenues dans le blog.
Pour modèles standards et dynamiques.
Ciblage des images : Images des articles, Image du profil de l'auteur, Vignettes des gadgets Images/Liste des blogs/Articles les plus consultés, etc.
Paramètres de rembourrage, de la bordure, de l'ombre de portée et des coins arrondis.
DéveloppementsMulti-versions

Twitter : Bouton mentionner [Mention button]

Le bouton Mentionner de Twitter, spécifique pour Blogger.Diverses configurations pour l'éditeur HTML de Blogger, les éditeurs HTML standards et les gadgets AddToBlogger.Ce bouton permet à vos visiteurs de mentionner un utilisateur Twitter sur Twitter.Multiple réglages : Choix du profil Twitter, taille du bouton, texte prédéfini personnalisé, restrictions d'affichage, CSS personnalisés, etc.Possibilité d'associer le bouton à un auteur particulier pour les blogs multi-auteurs.
DéveloppementsMulti-versions

Pinterest : Widget tableau embarqué [Embed board]

Le widget tableau embarqué de Pinterest, spécifique pour Blogger.
Diverses configurations pour éditeurs HTML standards et gadgets AddToBlogger.
Ce module permet d'afficher sur votre blog des tableaux Pinterest.
Multiple réglages : Choix du tableau, dimensions, restrictions d'affichage, CSS personnalisés, etc.
DéveloppementsMulti-versions

Pinterest : Widget épingle embarquée [Embed pin]

Le widget épingle embarquée de Pinterest, spécifique pour Blogger.
Diverses configurations pour éditeurs HTML standards et gadgets AddToBlogger.
Ce module permet d'afficher sur votre blog des épingles Pinterest.
Multiple réglages : Choix de l'épingle, restrictions d'affichage, CSS personnalisés, etc.
DéveloppementsMulti-versions

Pinterest : Widget Profil [Profile Widget]

Le widget de votre profil Pinterest, spécifique pour Blogger.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Ce module permet à vos visiteurs de s'abonner à votre profil Pinterest et d'épingler ce que vous avez déjà épinglé.
Possibilité de relier à un auteur Blogger particulier, pour les blogs multi-auteurs.
Multiple réglages : Choix du profil, dimensions du module, des vignettes, restrictions d'affichage, CSS personnalisés, etc.
DéveloppementsMulti-versions

Pinterest : Bouton Abonnement [Follow button]

Le bouton de votre profil Pinterest, configuration pour Blogger.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Ce bouton permet à vos visiteurs de s'abonner à votre profil Pinterest.
Possibilité de relier à un auteur Blogger particulier, pour les blogs multi-auteurs.
Multiple réglages : Choix du profil, texte du bouton, restrictions d'affichage, CSS personnalisés, etc.
DéveloppementsMulti-versions

Pinterest : Bouton Pin-It [Pin-It Button]

Populaire
Le bouton Pin-It de Pinterest, spécifique pour Blogger.
Ce bouton permet à vos visiteurs d'épingler dans un tableau vos articles sur ce réseau social.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Choix de l'apparence (Rectangulaire, circulaire, sans compteur, compteur vertical, compteur horizontal, couleur, langue).
Possibilité d'épingler les articles sans photo.
Réglages supplémentaires : Restriction d'affichage, alignement, choix des adresses, images, descriptifs, etc.
DéveloppementsMulti-versions

LinkedIn : Badge Profil

Le badge de votre profil LinkedIn, configuration pour Blogger.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Ce badge affiche les informations principales contenues dans votre profil LinkedIn.
Possibilité de relier à un auteur Blogger particulier, pour les blogs multi-auteurs.
Multiple réglages : Choix du profil, format, restrictions d'affichage, CSS personnalisés, etc.
DéveloppementsMulti-versions

LinkedIn : Bouton de partage [Share button]

Le bouton de partage LinkedIn, configuration pour Blogger.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Ce bouton permet à vos visiteurs de partager le contenu de votre blog sur LinkedIn.
Quelques réglages : Choix de l'adresse, format, restrictions d'affichage, CSS personnalisés, etc.
DéveloppementsMulti-versions

StumbleUpon : Bouton de partage [Share button]

Le bouton de partage StumbleUpon, configuration pour Blogger.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Ce bouton permet à vos visiteurs de partager le contenu de votre blog sur StumbleUpon.
Quelques réglages : Choix de l'adresse, format, restrictions d'affichage, CSS personnalisés, etc.
DéveloppementsMulti-versions

Twitter : Bouton Suivre [Follow button]

Populaire
Le bouton d'abonnement Twitter (Suivre), configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, dynamiques, éditeurs HTML standards et gadgets AddToBlogger.
Ce bouton permet à vos visiteurs de s'abonner à un compte Twitter depuis votre blog.
Multiple réglages : Choix du profil, langue, dimensions, CSS personnalisés, etc.
Possibilité d'associer le bouton avec le nom d'utilisateur Blogger, pour les blogs multi-auteurs.
etc, etc, etc.
DéveloppementsMulti-versions

Google+ : Bouton Hangout [Hangout button]

Le bouton officiel Hangout de Google+ (vidéo bulle).
Configuration pour Blogger, validé HTML5.
Hangout normal, Hangout en direct.
Différents réglages : format, conditions d'affichages, alignement, etc.
Possibilité de raccorder à la console Api Google.
DéveloppementsMulti-versions

Facebook : Intégration d'un post public dans un article [Embedded Posts]

Le code d'intégration d'une publication Facebook dans un article, code validé HTML5.
Avec ou sans le script intégré,
Choix de l'identifiant de l'application, réglage de la largeur, version HTML ou gadget AddToBlogger,
Le module emploie automatiquement la langue du blog.
Avec ou sans restriction d'affichage, intégration de CSS personnalisés, etc...
DéveloppementsBac à sable

Rendre la largeur du blog flexible en fonction des dimensions de la fenêtre [Responsive Web Design]

C'est un phénomène à la mode que font face les webmasters depuis l'émergence des portables et de tous ces nouveaux types d'appareils dotés d'écrans avec des résolutions plus que variés.
DéveloppementsBac à sable

Définir une largeur variable pour les modules Google+

Pour installer un module Google+ (par exemple un badge), il faut souvent mentionner une largeur fixe en pixels. Dans la plupart des cas, on s'arrange souvent pour le placer dans une colonne dont la largeur est également fixe. Dans le cas où il faut placer le module dans une colonne qui varie selon la résolution de l'écran (définie en pourcentage), l'emploi du code courant en html5 ne convient plus.
DéveloppementsMulti-versions

Twitter : Timeline intégrée [Embedded Timelines]

Personnaliser la timeline embarquée de Twitter, configuration pour Blogger, validé HTML5.
Pour modèles standards, la version mobile personnalisée ou encore pour gadgets AddToBlogger.
Choix du type de la timeline : Fil utilisateur, Favoris, liste.
Multiple réglages :
Couleurs, bordures, arrière-plan, langue, dimensions, etc
Conditions d'affichage en fonction de certains paramètres Blogger :
Type de la page, auteur ou/et libellé associés à l'article, etc.
DéveloppementsMulti-versions

Google+ : Badge Profil / Page / Communauté

Le badge officiel des profils utilisateurs, des profils pages et des communautés Google+, multiple configurations pour Blogger, validé HTML5.
Choix de l'emplacement : Dans le code HTML du modèle, dans un gadget HTML/JS, dans le code HTML d'un article/page autonome, etc...
Nombreux réglages : Dimensions, type de profil, raccordement automatique ou non, relation, thèmes, description, pochette, restriction d'affichage, etc etc etc etc.
DéveloppementsMulti-versions

Facebook : Bouton abonnement profil [Subscribe button]

Le bouton abonnement profil de Facebook, configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, dynamiques, éditeurs HTML standards ou gadgets AddToBlogger.
Ce bouton permet à vos visiteurs de s'abonner aux publications publiques d'un profil Facebook.
4 formats : sur une ligne, sans compteur, compteur vertical, compteur horizontal.
Le bouton emploie automatiquement la langue du blog.
Réglages divers : Profils, dimensions, identifiant application, CSS personnalisés, etc.
DéveloppementsMulti-versions

YouTube : bouton abonnement [Subscribe button]

Le bouton abonnement à une chaine YouTube, configuration pour Blogger, validé HTML5.
Version HTML ou version gadget AddToBlogger.
2 formats : simple ou full.
Avec ou sans compteur.
Thème clair ou foncé.
Réglages complémentaires : Restriction d'affichage, CSS personnalisés, etc.
DéveloppementsReconversion de gadgets

Personnaliser le formulaire de contact Blogger

Générateur permettant de personnaliser le formulaire de contact Blogger.
Le code du gadget officiel peut être exporté dans un endroit quelconque dans l'éditeur HTML du modèle, dans le code HTML d'un article ou d'une page autonome.
Divers réglages : Dimensions des boîtes, textes modifiables, etc
DéveloppementsMulti-versions

Google+ : Bouton de partage [Share button]

Le bouton de partage Google+ (share button) configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Raccordement de l'url de l'article, de la page courante, du blog, ou à une simple adresse web.
Choix de la taille et du format.
Divers réglages : Alignement, positionnement de la vignette, CSS personnalisés, etc.
DéveloppementsFichiers XML

Twitter : Cartes Twitter [Twitter Cards]

Équipez votre blog des cartes Twitter.
Générateur des metatags, code spécifique pour les modèles standards Blogger.
Sélectionne automatiquement les types de cartes en fonction de la disponibilité des données.
4 types de cartes : Galerie photos, Photo, Résumé avec large image, simple résumé.
Distinction des types de pages.
Contrôle des titres, descriptif, url, images, utilisateurs Twitter, etc.
Inclue la fonctionnalité "description" de Blogger.
etc.
DéveloppementsMulti-versions

Twitter : Bouton Tweeter [Tweeter button]

Le bouton Tweet de Twitter, configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, dynamiques, éditeurs HTML standards, gadgets AddToBlogger.
Raccordement de l'url de l'article, de la page courante, du blog, ou à une simple adresse web.
Choix de la taille et du format.
Divers réglages : Langue, alignement, hashtags, CSS personnalisés, etc.
DéveloppementsMulti-versions

Google+ : Bouton Google +1 [Google PlusOne Button]

Le bouton Google PlusOne +1 configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
Raccordement de l'url de l'article, de la page courante, du blog, ou à une simple adresse web.
3 formats : sur une ligne, avec ou sans compteur.
4 tailles : Petit, moyen, standard, grand.
Divers réglages : Recommandations, dimensions, alignement, CSS personnalisés, évènements, etc.