Disponible jusqu'à présent pour les blogs affichant la barre de navigation (navbar), la notification à propos des cookies est désormais affiché sur tous les blogs hébergés par Blogger. Cette dernière est obligatoire mais rien n'interdit de la personnaliser. On peut changer sa couleur, sa taille, sa position, tout est permis tant que le bandeau reste visible.

Dans sa version d'origine, la notification s'affiche sur toutes les pages sous la forme d'un bandeau gris qui masque le titre du blog et qui en plus reste fixé sur l'en-tête du blog. Cela peut-être gênant même si le bandeau disparaît du blog une fois que le visiteur a cliqué sur "ok".

Voici une première déclinaison de la notification : fond beige, texte gris de taille normale, alignement à gauche... (le code CSS est à place au niveau de Modèle dans Personnaliser, Avancé, Ajouter le fichier CSS).

.cookie-choices-info, #cookieChoiceInfo {
  /* enlever le gras */
  font-weight:normal!important;
  /* fond beige */
  background-color: beige!important;
  /* couleur gris */
  color:gray!important;
  /* à gauche */
  text-align:left!important;
  /* marge intérieure réduite*/
  padding:0!important;
  /* police*/
  font-family:arial!important;
  /* taille texte*/
  font-size:13px!important;
}

Le code peut être adapté avec d'autres couleurs.

On peut aller plu loin pour rendre la notification plus discrète sans la masquer. Sur mon blog, j'ai choisi de décaler la notification vers la droite :

.cookie-choices-info, #cookieChoiceInfo {
  width:40%!important;
  left:60%!important;
  text-align:right!important;
  background:white!important;
  font-weight:normal!important;
  color:black!important;
  font-family:arial!important;
  font-size:13px!important;
}

Le texte du bandeau :

Ce site utilise des cookies provenant de Google afin de fournir ses services, personnaliser les annonces et analyser le trafic. Les informations relatives à votre utilisation du site sont partagées avec Google. En acceptant ce site, vous acceptez l'utilisation des cookies.