Affichage des articles publiés en 2013 (40).
DéveloppementsMulti-versions

Google+ : Bouton Suivre [Follow button]

Le bouton Follow qui permet de s'abonner à un profil ou une page Google+.
Code validé HTML5 pour les blogs Blogger.
Diverses configurations pour les modèles standards ou autres éditeurs HTML.
3 formats : sans compteur, compteur vertical, compteur horizontal.
3 tailles : Petit, moyen, grand.
Multiple paramètres de réglages : format, restrictions d'affichage, CSS personnalisés, etc.
Version HTML ou gadget AddToBlogger.
DéveloppementsMulti-versions

Google+ : Module Abonnés [Followers]

Le module officiel Followers Google+ qui affiche les abonnés d'un profil ou d'une page Google+. Code validé HTML5.
Diverses configurations pour les modèles standards, autres éditeurs HTML et gadgets AddToBlogger.
Possibilité de raccorder automatiquement à l'auteur des articles.
Multiple paramètres de réglages : dimensions, restrictions d'affichage, thème de couleurs, CSS personnalisés, etc.
DéveloppementsBac à sable

Créer un sélecteur d'articles

Rien qu'avec des notions de base en HTML et CSS et surtout grâce à une bonne maîtrise du langage Blogger, il est possible de construire une ossature qui s'adapte en fonction des conditions fixées dans un sélecteur.
Un sélecteur permet de regrouper et de trier le contenu des données de type LISTE.
Pour plus de facilité, ce tutoriel se limitera aux boucles des articles dans le code HTML du gadget Blog. Ce principe de construction reste valable pour toutes les données de type LISTE dans n'importe quel gadget qui en contient.
DéveloppementsMulti-versions

Facebook : Bouton J'aime [Like button]

Populaire
Le bouton J'aime de Facebook, configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, dynamiques, éditeurs HTML standards ou gadgets AddToBlogger.
Raccordement de l'url de l'article, de la page courante, du blog, ou à une simple adresse web.
4 formats : sur une ligne, sans compteur (nouveau), compteur vertical, compteur horizontal.
Choix des actions : Aime, recommande, partage.
Le bouton emploie automatiquement la langue du blog.
Autres réglages : Profils, dimensions, identifiant application, CSS personnalisés, etc.
DéveloppementsFichiers XML

Afficher le nombre d'articles dans les index

Sous l'entête de chaque page des index, figure un cadre appelé Message d'état (statut-message) contenant un texte de ce type : Affichage des articles dont le libellé est XXX..., ou encore : Affichage des articles triés par pertinence pour la requête XXX...
Le add-on de cette publication ajoute dans ce cadre, le nombre d'articles pour les libellés et le nombre de résultats de la recherche.
DéveloppementsFichiers XML

Ajouter son blog au module de recherche Firefox

Nous avons vu récemment qu'il était possible d'adapter les pages de résultats de la recherche Blogger avec le module Google Recherche personnalisée.
Aujourd'hui, je vous propose d'aller un peu plus loin en ajoutant votre blog dans le module de recherche du navigateur Firefox.
ThéorieFonctionnalitésSocial

Google+ : Créer un compte Page (Publier et commenter en tant que page sur Blogger)

Fonctionnalité tant attendue et qui est disponible depuis quelques semaines déjà : Publier et commenter en tant que page Google+.
Google a tellement facilité la tâche que c'est même presque inutile de vous expliquer les démarches. Mais bon, pour la bonne cause, voici un petit résumé de ce qu'il faut faire.
DéveloppementsMulti-versions

Facebook : Bouton partager [Share button]

Populaire
Le bouton Partager de Facebook, configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards, dynamiques, éditeurs HTML standards et gadgets AddToBlogger.
Raccordement de l'url de l'article, de la page courante, du blog, ou à une simple adresse web.
2 formats : Bouton ou lien.
6 apparences : Lien et icône. Lien seul. Icône seul. Bouton simple. Bouton compteur vertical ou horizontal.
Le bouton emploie automatiquement la langue du blog.
Autres réglages : Dimensions, identifiant application, CSS personnalisés, etc.
ThéorieFonctionnalitésSocial

Google+ : Associer une page à son blog

L'association d'une page Google+ à votre blog vous permet de faire connaître votre blog et de nouer des relations plus étroites avec vos lecteurs.
Cette association reconnue vous ouvrira les portes à de nombreuses fonctionnalités.
Il est donc important de valider votre page et de vérifier si la paternité a été établie.
DéveloppementsMulti-versions

Google+ : Bouton de partage [version share link]

Il ne s'agit pas du célèbre bouton PlusOne (+1), mais bien de la version qui partage l'article directement sur Google+.
Le bouton se place en-dessous ou au-dessus de chaque article.
Choix parmi 4 styles différents : Petit icône, Bouton "Partager", Bouton "Share" ou Bouton avec texte personnalisé.
Paramètre d'alignement, condition d'affichage, langue, etc.
ThéorieFonctionnalitésOrganigramme

Gadgets non-standards dans les modèles dynamiques

Bien que la personnalisation des modèles dynamiques est très limitée par leur mécanique et par l impossibilité d ajouter le gadget HTML/JS, il est tout de même possible de compléter le gadget-dock par des gadgets en provenance de sources externes.
DéveloppementsFichiers XML

Google+ : Extraits enrichis / Snippets [Pour modèles personnalisés]

Les extraits enrichis sont des petites données extraites de votre blog grâce à un balisage qui a été ajouté dans le code HTML des modèles officiels Blogger. Ces données sont reprises dans les moteurs de recherches et sur les posts partagés sur Google+.
Sur les modèles conçus par des tiers ou téléchargés depuis le web, les extraits sont souvent absents ou éparpillés, ce qui entraîne quelques fois des "bizarreries".
Je vous propose un petit patch pour les modèles personnalisés qui s'installe dans le code HTML du gadget blog en seulement 2 copiés-collés.
DéveloppementsMulti-versions

Facebook : Bouton Envoyer [Send button]

Le bouton Envoyer de Facebook, configuration pour Blogger, validé HTML5.
Diverses configurations pour les modèles standards. Version HTML ou gadget AddToBlogger.
Raccordement de l'adresse de l'article, de la page courante, du blog, ou à une simple adresse web.
Le bouton emploie automatiquement la langue du blog.
Autres réglages : Identifiant application, CSS personnalisés, etc.
ThéorieFonctionnalitésAvancé

Réécrire un gadget Blogger

Depuis l'arrivée du nouvel éditeur XML, il est devenu très facile de s'y retrouver dans le code XML de son modèle.
Les balises se plient et se déplient. Les couleurs permettent de distinguer les éléments. Et... il n'est plus nécessaire de se casser la tête pour explorer le contenu des gadgets.
DéveloppementsGadgets AddToBlogger

Gadget commentaires filetés - Les dernières activités

Ce gadget a été développé pour obtenir la liste des derniers commentaires déposés sur un blog.
Il affiche la vignette et le nom du commentateur, un résumé du commentaire et son statut.
Les commentateurs peuvent distinguer leurs activités et les réponses qu'ils reçoivent des autres internautes.
DéveloppementsReconversion de gadgets

Gadget Liste de liens avec vignettes (avec Apercite)

A quelques détails près, c'est le même développement présenté précédemment. Mêmes caractéristiques, même design, même construction, sauf...
...que la différence vient du fait que les captures ne proviennent pas du même service.
bis repetitas
DéveloppementsReconversion de gadgets

Gadget Liste de liens avec vignettes (avec bitpixels)

Quoi de mieux que d'afficher une liste de vos liens favoris montrant une capture d'écran de ceux-ci. La réalisation est possible. Il suffit de modifier quelques lignes du code HTML du gadget "Liste de liens", de combiner le service BitPixels et le tour est joué.
ThéorieFonctionnalitésGestion

Google+ : Les commentaires s'invitent sur Blogger

Débarqué le 18 avril, le dernier né des modules GooglePlus est réservé uniquement aux utilisateurs de Google+.
Google l'a baptisé "Commentaires Google+", mais c'est bien plus que cela. Personnellement je préfère l’appeler "Interactions Google+".
Petit tour de présentation et remise à niveau dans les modèles.
DéveloppementsGadgets AddToBlogger

Bibliothèque de fichiers XML gadgets Add To Blogger

Ce développement transforme le gadget "Liste de liens" en une bibliothèque de fichiers XML des gadgets Add To Blogger.

Le gadget sera visible uniquement par les administrateurs du blog qui pourront installer directement sur leur blog, les fichiers qu'ils auront listés.
DéveloppementsFichiers XML

Afficher la date de l'entête des articles à tous les articles publiés le même jour

Prévu pour regrouper tous les articles d'une même journée dans un même cadre dans les modèles standards, la date de l'entête des articles n'est pas une option comme les autres.
Comment l'activer, comment l'afficher à tous les articles et comment obtenir chaque article dans un cadre distinct ?
ThéorieFonctionnalitésContenu

Créer des tableaux avec des images dans les articles

L'un des avantages avec Blogger, c'est que l'on peut éditer tout ce que l'on veut (ou presque).
L'éditeur des articles est pourvu d'un mode "rédaction", avec des fonctionnalités qui permettent d'enrichir facilement le contenu. Très pratique pour ceux qui veulent écrire des articles rapidement.
Et puis, il y a le mode "HTML" qui permet de compléter ou de corriger le contenu des articles.
Dans ce mode, on peut envisager par exemple, de créer un tableau avec des images.
Ça tombe bien, c'est le sujet de cette publication :D.
DéveloppementsMulti-versions

Afficher la liste complète des articles / pages du blog

Plusieurs types de listes sont disponibles : Afficher les articles par date de publication, par date de mise à jour, ou la liste complète des pages autonomes.
Deux méthodes d'installation possibles : La version HTML ou la version Gadget Add To Blogger.
ThéorieFonctionnalitésÉditeurs

Éditeur de modèles - Ajouter des fichiers CSS

Ajouter des fichiers CSS depuis l'éditeur de modèles Blogger est un système ingénieux qui permet de visualiser presque instantanément les effets des déclarations sur le blog.
C'est un outil excessivement pratique pour apprendre et tester par sois-même des déclarations.
ThéorieFonctionnalitésAvancé

Créer des boutons de partage sur Blogger - Les codes types

Fabriquer ces propres boutons de partage personnalisés devrait être un simple jeu d'enfant. Pourtant sur Blogger, la tâche s'avère parfois difficile.
Je vous dresse un petit rappel des règles élémentaires de bases du html et des encodages dans les modèles Blogger, ainsi qu'une petite liste des url types de vos réseaux favoris.
DéveloppementsBac à sable

inReplyTo : Développer un module de commentaires avec réponses

Souvenez-vous, au début de l'an de grâce 2012, Blogger lançait un module de commentaires filetés à 2 niveaux intégré directement dans les modèles.
Pour concevoir un tel système de "réponses", les ingénieurs ont tout simplement ajouté la donnée InReplyTo dans la longue liste de la bibliothèque des données des modèles.
Cette donnée a d'ailleurs été aussi introduite dans les flux, les apis Blogger. Ce qui permet ainsi à chaque développeur en herbes, de concevoir son propre module avec niveaux de réponses.
ThéorieFonctionnalitésGestion

Les identifiants Blogger

Sur toutes les plates-formes du net, lorsque vous vous inscrivez, créez un article, déposez un commentaire ou lorsque vous effectuez toutes sortes d'actions qui requiert un enregistrement, le service attribue un identifiant à l'action. Cet identifiant est généralement composé d'une série de chiffres.
Blogger n'échappe pas à la règle. Vous êtes bien un numéro.
Ces numéros peuvent paraître inhumain lorsque l'on fait du social, mais d'un point de vue technique, ils s'avèrent indispensables.
Quels sont les identifiants Blogger ? A quoi correspondent-ils ? Où les trouver ? Quels renseignements fournissent-ils ? Qui peut les utiliser ?
DéveloppementsFichiers XML

Remplacer les résultats de la recherche Blogger par les résultats de la recherche personnalisée Google

Voilà un petit développement qui permettra de remplacer le contenu dans les pages des résultats de recherche Blogger par ceux de Google.
Divers réglages possibles. Libre choix de la boîte de recherche.
etc.
DéveloppementsFichiers CSS

La NavBar dépliable

Qu'est-ce qui est aussi large que votre écran, haut de 30 pixels et qui plane au-dessus de votre blog ?
La NAVBAR, pardi ! (La barre de navigation Blogger)
Ce petit développement propose un CSS qui permettra de modifier son apparence et la réduire en un tout petit carré d'une trentaine de pixels de coté.
Pour la déplier complètement, le passage de la souris suffit.
Divers réglages sont possibles : positionnement, durée de défilement, etc.