Affichage des articles publiés en 2012 (32).
Base de connaissancesFonctionnalitésSocial

Pinterest : Associer son compte avec son blog

Populaire
Comment valider son blog Blogger sur Pinterest ?
La validation avec la version 2012 du réseau social n'était vraiment pas simple.
Avec la nouvelle version (2013), votre blog peut désormais être validé en seulement quelques clics.
Petite remise à niveau.
Base de connaissancesFonctionnalitésAvancé

Les extraits enrichis Blogger

Les blogs Blogger sont désormais équipés des microdonnées depuis le début de l'année 2012.
C'est l'occasion de faire le point sur les extraits enrichis intégrés dans les modèles : Les microformats, les microdonnées et les relations logiques de liens.
Comment ça fonctionne, Quels sont les extraits utilisés et où se cachent-t'ils dans le code des modèles Blogger ?
DéveloppementsFichiers XML

Customiser la géolocalisation des articles avec GoogleMaps et Google+ Local

Par défaut, Blogger propose dans les options des articles d'ajouter une localisation pour chaque article.
Ce développement permet de compléter cette option avec une carte en mode "plan" ou "satellite", et des liens vers GoogleMaps et Google+ Local, correspondants à la localisation.
DéveloppementsGadgets AddToBlogger

Lien pop-up: Devenir membre de ce blog

Anciennement bouton GoogleFriendConnect, la fonctionnalité "Devenir membre" est toujours disponible sur Blogger et permet aux internautes de la plate-forme de suivre depuis l'interface les publications de leurs blogs favoris. Vous trouverez ici le code du lien pop-up et une version gadget simplifiée.
Base de connaissancesFonctionnalitésSEO

Redirections personnalisées

Appellé grossièrement "Redirection 302", la fonctionnalité a été mise en place sur Blogger dans le courant du mois de mars 2012 sous l'appellation "redirections personnalisées" qui permet de définir un renvoi d'une ancienne URL vers une nouvelle URL correspondante.
DéveloppementsGadgets AddToBlogger

Gadget analyseur Blogger

Un petit gadget informatif destiné aux administrateurs de blogs qui ont des difficultés à comprendre Blogger ou qui aiment bien avoir à vue certaines informations.
Installation rapide en moins de 3 clics. Visible que par les administrateurs du blog.
Base de connaissancesFonctionnalitésAvancé

Organiser les scripts de son blog

Javascript est un langage de programmation. Les programmes sont notés directement dans le code HTML ou dans des fichiers externes.
Les JS servent à accomplir diverses tâches. Par exemple, rendre opérationels des modules sociaux, donner un aspect dynamique à certains éléments, extraire des données, etc.
Toutefois, il est recommandé d'organiser et de privilégier les fichiers externes afin d'éviter d'alourdir inutilement le code HTML et par la même occasion augmenter le temps de téléchargement de son blog.
DéveloppementsFichiers XML

Barre de boutons de partage fixe - Pack share link

Une barre composée de boutons de partage, configuration pour Blogger, validé HTML5, format share link.
Partage l'url canonique de la page courante vers Google+, Facebook, Twitter, Pinterest, LinkedIn et StumbleUpon.
Choix et disposition des boutons.
Divers réglages CSS: position fixe ou relative, couleur, bordure, etc.
Base de connaissancesFonctionnalitésSEO

Données de description du blog et des articles Blogger

Le 21 mars 2012, Blogger a lancé une série de nouveautés pour améliorer le référencement de votre blog. Entre autres, la possibilité d'ajouter une description à votre blog et/ou à vos articles et/ou à vos pages autonomes.
Vous n'êtes pas doué en codage et vous n'avez jamais rien compris ? Ce n'est pas grave, Blogger a pensé à vous. Tout s'effectue via le tableau de bord.
DéveloppementsFichiers CSS

Supprimer le masque transparent de l'aperçu

Lorsqu'on prévisualise son blog, Blogger affiche par-dessus tout, une étiquette appelée "aperçu" et un masque transparent empêchant toute manipulation.
Il est parfois utile de pouvoir tester certaines fonctionnalités qu'on ajoute avant de les mettre en ligne.
Malheureusement, avec ce masque, tout cela est impossible tant qu'on n'a pas ajouté une propriété CSS.
DéveloppementsFichiers XML

Tableau automatique avec l'url, le lien HTML et le BBCode de l'article

Ce développement ajoute automatiquement un tableau au pied de chaque article suggérant aux visiteurs trois formats de codage de l'url de l'article à copier-coller :
L'url canonique en dur,
Le lien au format HTML,
Le lien au format BB Code.
DéveloppementsFichiers CSS

Un peu de couleurs pour le compteur statistiques du blog

Pas besoin de vous expliquer ce qu'est ce gadget. Simplement le nombre de pages vues par les visiteurs sur une certaine période.
Son compteur noir est un peu triste. De ce fait, nous allons lui donner un peu de couleurs. Je me suis donc amusée a faire quelques petits calques dont voici les résultats.
DéveloppementsReconversion de gadgets

Gadget "Libellés" transformé en gadget flux

Permettant de visualiser rapidement les catégories d'un blog et d'y accéder, le gadget "libellés" peut nous offrir beaucoup plus qu'une simple liste de libellés.
Par exemple, le transformer en gadget flux pour chaque libellé de votre blog. Pratique pour les visiteurs ne souhaitant recevoir qu'une partie précise de vos publications.
DéveloppementsBac à sable

Customiser le message d'état

Que diriez-vous de modifier le petit message d'état à l'accueil, dans les index, les archives et les pages 404 ?
C'est ce que je vous propose dans ce petit développement personnel qui offre la possibilité d'ajouter un titre, une barre de recherche, un compteur, un message pour les pages ne contenant pas d'article, etc.
Vous copiez, vous collez, vous adaptez le texte et vous enregistrez.
Base de connaissancesFonctionnalitésAvancé

Modèle mobile personnalisé

Ajouter des gadgets et personnaliser le design de la version mobile de votre blog, c'est désormais possible. Blogger a activé au début du mois de novembre 2011, certaines fonctionnalités.
Je vous propose un long long long petit résumé. Accrochez-vous, voici le mobilopera en 5 actes, votre estomac va en prendre un sacré coup.
DéveloppementsMulti-versions

HelloCoton : Bouton de vote / J'aime cet article

Le bouton de vote de HelloCoton, spécifique pour Blogger.
Multiple configurations pour les modèles standards, éditeurs HTML standards et gadgets AddToBlogger.
2 formats : La version "officielle" ou le bouton simple.
Ce bouton permet à vos visiteurs de voter en faveur de vos articles sur ce réseau.
Base de connaissancesFonctionnalitésOrganigramme

Types et sous types de pages Blogger

Une page HTML, reste une page HTML. Et pourtant, dans toute cette masse d'url, il y a une organisation. Sur Blogger, les pages HTML sont classées par "type".
Avant de se lancer dans un projet de création d'un blog, il est préférable de savoir comment ce blog peut fonctionner et surtout savoir comment il est organisé.
Petit tour de présentation des types de pages contenus dans un blog Blogger.
DéveloppementsFichiers XML

Lien des commentaires en popup ou en page pleine

Lien ouvrant en pop-up ou en page pleine les commentaires.
Convient pour les modules Blogger et Google+.
Choix entre une ouverture en pop-up ou sur une page pleine.
Le lien apparaîtra dans la version web du blog, uniquement si les commentaires sont activés.
Le lien fait la distinction entre les pages statiques et les articles [update 31/03/2012].
Dimensions de la fenêtre pop-up corrigées en raison de la mise en place du nouveau design de Blogger [update Mai 2012].
Identifiants automatiques du blog et des articles.
Conditions d'affichage, alignement, etc.
Base de connaissancesFonctionnalitésContenu

Créer des liens

Les liens sont une partie essentielle de tout projet Web.
Tous les liens en HTML ont la même construction. Il y a des attributs pour de telles choses mais dans la pratique c'est à vous de décider comment vous bâtirez par exemple des liens de façon à ce que le visiteur voie clairement s'il s'agit d'un lien de retour à la page d'accueil, d'un lien croisé à un thème apparenté ou d'un lien à une toute autre adresse web.
Petit tour de présentation.
Base de connaissancesFonctionnalitésSEO

Page introuvable personnalisée (Erreur 404)

Les bloggers créent souvent des pages 404 personnalisées afin de présenter à leurs lecteurs des messages un peu plus conviviaux et chaleureux que les messages d'erreur génériques.
Les pages 404 personnalisées vous permettent d'offrir une meilleure expérience aux visiteurs qui cliquent sur un lien rompu ou tentent d'accéder à une page temporairement indisponible.
Ces pages sont également une excellente occasion d'aider vos visiteurs à retourner sur votre blog ou de leur donner quelques indications de navigation.
[Crédit Texte introduction : Centre d'aide Blogger en français]
Base de connaissancesFonctionnalitésGestion

Domaine national de premier niveau

Depuis le 17 mars 2012, les blogs Blogger avec l'extension blogspot.com sont redirigés en fonction du pays de connexion du visiteur.
Ces redirections ont certaines conséquences sur les blogs. Faisons un petit tour de ce qu'il faut vérifier dans cet univers d'adresses parallèles.
Base de connaissancesFonctionnalitésGestion

Les commentaires filetés imbriqués - Activation et guide de dépannage

Depuis le 11 janvier 2012, Blogger a activé une nouvelle formule pour les commentaires : Les commentaires filetés qui permettent de répondre à un auteur d'un commentaire sur deux niveaux.

Activation et guide de dépannage.

Base de connaissancesFonctionnalitésGestion

Dompter les options des articles

Les options des articles sont des petits modules Blogger qui apparaissent au-dessus ou/et en-dessous de chaque article (ou/et page autonome). Ainsi, vous pouvez activer les boutons de partage, afficher l'auteur de l'article, les libellés et tout un paquet d'autres choses et éventuellement ajouter vos propres modules personnels.
Comment ça fonctionne ? Activation et guide de dépannage.
DéveloppementsReconversion de gadgets

Gadget Articles récents par libellé

Encore une adaptation du gadget Libellés. Cette fois-ci, je vous propose une version qui affiche les articles récents de chaque libellé.
Avec le nom et le lien de l'article.
Pour blog public ou privé.
Avec ou sans le nom de l'auteur, la date et le résumé de chaque article.