Affichage des articles dont le libellé est blogger. Afficher tous les articles
Affichage des articles dont le libellé est blogger. Afficher tous les articles

1 septembre 2013

Blogger: supprimer le cadre avec le message "Affichage des articles dont le libellé est"

Sur la plateforme de blog blogger de Google, vous avez surement dû vous rendre que lorsque qu'on fait une recherche en cliquant sur un des libellés, un message apparaît en haut de la liste des articles comme celui là:

Personnellement, je trouve ce message assez inutile, et j'ai donc cherché un peu comment le supprimer.



Pour cela c'est tout simple, ouvrez l'éditeur qui permet de modifier le code HTML et recherchez ce morceau de code:

<b:include data='top' name='status-message'/>

Vous devriez trouver 2 fois cette même ligne, supprimez les deux lignes de code pour ne plus voir le message apparaître, puis enregistrez le modèle.

16 février 2013

Blogger: Comment centrer, mettre à droite ou à gauche une image avec la nouvelle interface

Depuis quelques jours je ne sais pas si vous vous êtes rendus compte, mais Blogger a changé la méthode pour insérer des images sur votre blog, et comme dans tout changement, il y a du bon et du mauvais ... Et dans le mauvais vous avez pu voir qu'il y a plus aucun moyen de centrer, mettre à droite ou à gauche une image automatiquement. Mais comme Blogger permet l'insertion de code HTML, il reste possible de le faire en rajoutant du code nous-même. Donc voici la solution en HTML pour le faire. (vérifiez bien que l'éditeur est en mode HTML):

Centrer une image

Le code orange c'est le code de l'image que vous insérez, le code vert est celui que vous devez rajouter, regardez bien car il faut en rajouter avant et après l'image.

<div style="text-align: center; clear: both;">
[ code l'image ]
</div>

Mettre l'image à gauche

<div style="float: left;">
[ code l'image ]
</div>

Mettre l'image à droite

<div style="float: right;">
[ code l'image ]
</div>

7 février 2013

Blogger: Comment créer de belles infobulles 100% CSS

Il y a quelques jours je vous parlais d'une librairie 100% CSS qui permet d'obtenir des infobulles sympathiques sur votre site ou blog, bien sur il faut savoir l'intégrer. C'est pour cela que j'ai préparé un petit code pour l'intégrer facilement sur la plateforme Blogger.

Le fonctionnement est simple:

<span class="hint  hint--DIRECTION" data-hint="TEXTE DE L'INFOBULLE">
TEXTE QUI VA FAIRE APPARAÎTRE L'INFOBULLE AU SURVOL DE LA SOURIS
</span>

Voici quelques exemples (passer la souris sur le mot exemple pour avoir un aperçu, le code de chaque exemple est juste dessous:


EXEMPLE



<span class="hint  hint--bottom" data-hint="flèche en bas">EXEMPLE</span>



EXEMPLE



<span class="hint  hint--right" data-hint="flèche à droite">EXEMPLE</span>



EXEMPLE



<span class="hint  hint--top" data-hint="flèche en haut">EXEMPLE</span>



EXEMPLE



<span class="hint  hint--left" data-hint="flèche à gauche">EXEMPLE</span>



EXEMPLE



<span class="hint  hint--error" data-hint="bulle erreur">EXEMPLE</span>



EXEMPLE



<span class="hint  hint--warning" data-hint="bulle Attention">EXEMPLE</span></p>



EXEMPLE



<span class="hint  hint--right hint--always" data-hint="bulle toujours visible">EXEMPLE</span></p>



EXEMPLE



le premier <span class="hint  hint--info" data-hint="bulle information">EXEMPLE</span> d'infobulle</p>

Comment intégrer le code sur Blogger ?

Pour cela vous vous rendrez sur:

Mise en page -> Ajouter un gadget -> Gadget Html / JavaScript

Et vous copier coller le code ci dessous:



J'ai compressé le code originale, si vous voulez le modifier téléchargez plutôt le fichier sur la page du développeur.

1 janvier 2013

Blogger: Redimensionner ses images facilement

Voilà une petite astuce pas très connue mais qui peut être très utile.

Personnellement je m'en sers presque dans chaque article.

Quand vous insérez une image dans votre article avec le mode lightbox activé, vous avez le choix entre seulement 3 tailles pour votre image: petite, moyenne, grande. Perso ça ne me suffit pas.

Donc voilà la petite astuce.

Quand vous insérez une image en mode HTML, le code se présente de cette façon:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-
w8_5WjuySlc/UOMHzlP3EpI/AAAAAAAAKoo/CYSPaYj1ITE/s1600/logo.png"
imageanchor="1"
style="margin-left:1em; margin-right:1em">
<img border="0"
height="300" width="300"
src="http://3.bp.blogspot.com/-w8_5WjuySlc/UOMHzlP3EpI/
AAAAAAAAKoo/CYSPaYj1ITE/
s400/logo.png" /></a></div>

Le code en rouge ne va pas nous servir, c'est le code de l'image quand elle est dans la visionneuse. Mais le code en vert est intéressant car en supprimant la première partie en bleu:

height="300" width="300"

On va pouvoir jouer sur la taille en modifiant le nombre en bleu:

s400

Plus vous augmentez le nombre plus l'image sera grande, par exemple si je veux diviser la taille de l'image par 2 je fais:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-
w8_5WjuySlc/UOMHzlP3EpI/AAAAAAAAKoo/CYSPaYj1ITE/s1600/logo.png"
imageanchor="1"
style="margin-left:1em; margin-right:1em">
<img border="0"
src="http://3.bp.blogspot.com/-
w8_5WjuySlc/UOMHzlP3EpI/AAAAAAAAKoo/CYSPaYj1ITE/s200/logo.png"/>
</a></div>

Cela peut vous paraître pas très évident mais en faite c'est simple, si on récapitule, il y a deux choses à faire, supprimer:

height="300" width="300"

Et modifier le nombre:

s400

Bien sur les chiffres ne seront certainement pas pareils chez vous, mais il y a aura toujours un width, height et sxxx.

Ne vous trompez pas, c'est le deuxième sxxx qu'il faut modifier, sinon le premier va modifier la taille de l'image dans la visionneuse.

19 novembre 2012

Personnaliser nom de domaine Blogger avec nom de domaine Gandi

Je tenais à faire ce tuto car j'ai franchement galéré pour personnaliser mon nom de domaine sur Blogger avec un nom de domaine pris chez Gandi.net, donc pour ceux que ça intéresse, suivez ce tuto et ça va rouler pour vous. Mais sans plus attendre passons aux choses sérieuses.

En premier il vous faut disposer d'un nom de domaine chez Gandi .me, .com, .net c'est la même chose, et bien sur d'un blog chez Blogger.



Vous pouvez agrandir chaque capture d'écran en cliquant dessus.



Lorsque vous avez enregistré votre nom de domaine, GANDI a du vous transmettre un identifiant et un mot de passe par mail, donc allez sur cette page et identifiez vous, puis rendez-vous dans l'onglet domaines.

La page ou vous devriez être se présente de cette façon:

Cliquez sur votre nom de domaine, pour c'est moi c'est "lacavedejulien.me" et vous aller arriver sur une nouvelle page, vers le bas de cette page cliquez sur Créer une copie comme sur l'image ci-dessous:

En faite vous ne pouvez pas éditer la zone directement , ça peut paraître chiant mais c'est très utile en cas d'erreur, vous travaillez toujours sur des copies et il est facile de restaurer l'original bref ..

Ensuite il vous demande d'entrer un nom pour votre copie, mettez un nom pour vous rappeler que c'est la votre, mettez par exemple "Blogger" comme sur l'image ci-dessous et appuyez sur valider.

Et la vous allez atterrir sur la même page que précédemment à la différence que cette fois un lien Editer la zone est apparu en bas de la page.

Cliquez sur Editer la zone, la vous arrivez sur une page où vous voyez la zone mais un message vous indique qu'elle est pas éditable car elle est active donc cliquez sur Créer une nouvelle version comme sur l'image ci-dessous:

Ensuite vous arrivez sur la même page sauf que cette version est éditable, bien alors cliquez sur le petit crayon de la première ligne et rentrez ces valeurs:

  • Type: A

  • 1 heures

  • Nom: @

  • Valeur: 216.239.32.21

Vous devez obtenir ceci:

N'oubliez pas de valider.

Une fois validé il faut ajouter 3 autres entrées mais cette fois avec le bouton ajout comme sur l'image ci-dessous:

Pour les 3 vous mettez Type: A, 1 heures, Nom: @ , seule la valeur change, et vous devez ajouter une entrée avec chacune de ces valeurs:

  • 216.239.34.21

  • 216.239.36.21

  • 216.239.38.21

Une fois que c'est fait, le haut de votre tableau doit être comme ça:

Ensuite, cliquez sur le petit crayon de la ligne qui commence par www comme sur l'image ci-dessous.

Cette fois vous remplissez de cette façon:

  • 1 heures

  • Nom: www

  • Valeur: ghs.google.com.

N'oubliez pas le point à la fin de ghs.google.com. c'est important, vous devez obtenir ceci:

N'oubliez pas de valider.

Ensuite ne fermez pas cette page, ouvrez un nouvel onglet avec votre navigateur et allez sur votre compte Blogger, dans:

paramètres ➜ Basique

Vous cliquez sur +ajouter un domaine personnalisé puis sur passer aux paramètres avancés, et vous rentrez l'adresse de votre nom de domaine que vous avez pris chez Gandi.

Quand vous cliquez sur enregistrer, un message d'erreur apparaît, c'est normal, pas d'inquiétude. En dessous de ce message d'erreur, deux nouvelles lignes apparaissent, donc copier / coller la deuxième quelque part pour pouvoir la retrouver ensuite, c'est celle de l'image ci dessous, ça doit être un code à 12 caractères, et un autre assez long qui finit par googlehosted.com. comme sur l'image.

Maintenant retournez sur la page Gandi de tout à l'heure et cliquez sur ajout puis rentrez les valeurs de cette façon:

  • Type: CNAME

  • 1 heures

  • Nom: le code à 12 caractères que vous avez du coller quelque part

  • Valeur: le long code qui suivait et qui ce termine par googlehosted.com.

Vous devez obtenir ceci:

N'oubliez pas de valider.

Voila si vous avez bien suivi vous devriez obtenir ceci sauf votre code change (j'ai pixelisé le mien par mesure de sécurité) mais toutes les autres lignes doivent être identiques à l'image:

Si c'est bon alors cliquez sur activer la version juste en haut du tableau.

Maintenant attendez quelques heures (pour un de mes blogs ça a pris plus de 24H ...) puis allez sur Blogger, dans:

Paramètres ➜ Basique
Vous cliquez sur +ajouter un domaine personnalisé puis sur passer aux paramètres avancés, et vous rentrez votre nom de domaine que vous avez pris chez Gandi.

Si vous voulez que votre blog soit accessible avec ou sans les www alors n'oubliez pas de cocher l'option de redirection:

Par exemple geekologie.me est accessible avec cette adresse: http://geekologie.me et cette adresse: http://www.geekologie.me car l'option est cochée.



Voilà, si c'est bon vous obtiendrez ceci:

Et votre blog sera accessible avec votre nouveau nom de domaine, si ça marche pas le message d'erreur 12 s'affichera, c'est qu'il faut attendre encore ou c'est que vous vous êtes planté quelque part dans les paramètres.



Voila j'aurais bien aimé trouver un tutoriel aussi complet et précis quand j'ai voulu faire le changement pour ce Blog c'est pour cela que je l'ai écrit.

18 novembre 2012

Blogger: désactiver le masque de l'aperçu

Sur Blogger lorsque vous écrivez un article et que vous voulez le prévisualiser vous avez du vous apercevoir qu'il y a un espèce de masque qui empêche toute action de notre part, personnellement j'ai besoin de pouvoir tester les liens ou les différents morceaux de code que j'inclus dans mes articles c'est donc une nécessité de désactiver le masque de cet aperçu.

Pour le désactiver c'est simple, il suffit de se rendre dans:

modèle ➜ Personnaliser ➜ Avancé ➜ Ajouter le fichier CSS.

Puis collez le code ci-dessous dedans et oubliez pas d'enregistrer.

.blogger-clickTrap { display: none; }

Si ça ne marche pas, alors collez directement le code dans le code CSS.

11 novembre 2012

SEO Blogger: 2 techniques pour optimiser les titres des articles

Je ne crois pas avoir écrit un seul article concernant le SEO depuis la naissance de ce blog, donc je vais commencer par expliquer comment améliorer les titres de ses articles sur la plate-forme blogger. Les Templates proposés par défaut son assez mal foutus et loin d'être optimisés, c'est pour cette raison qu'il ne faut pas les laisser comme ils sont par défaut, bref cessons de bavarder et passons tout de suite à la technique.

Optimiser les balises de titres

La première chose qu'il faut faire c'est de changer les balises de titres des articles, la hiérarchie doit être respectée pour prétendre à un bon positionnement dans les moteurs de recherche.

En HTML il y a 6 niveaux de titre, de H1 à H6, le H1 ne doit pas être utilisé car c'est le titre de plus haut niveau, dans un template Blogger c'est généralement le titre du blog, donc logiquement les titres des articles devraient être entre des balises H2 mais non, dans les templates de blogger elles sont toujours entre des balises H3 .. et c'est mauvais pour votre blog car la hiérarchie n'est pas respectée.

Je ne peux pas vous donner la technique pour changer ça car c'est pas tous les mêmes Templates mais sachez que les titres des articles dans le code de Blogger sont toujours représentés par ces lignes:

<h3 class='post-title entry-title' itemprop='name'>
[ ... ]
</h3>

Seules les lignes en orange nous intéressent, c'est ces lignes qu'il faut changer en:

<h2 class='post-title entry-title' itemprop='name'>
[ ... ]
</h2>

Vous voyez j'ai seulement changé la balise ouvrante et la balise fermante, je remplace seulement h3 par h2.

Ensuite il suffit de changer la class CSS "post-title", donc remplacer les occurrences de h3.post-title en h2.post-title.

Optimser le contenu de la balise "title" de la page

Un autre problème c'est le contenu de la balise title, il faut savoir qu'il est très important pour les moteurs de recherche, son contenu est visible dans l'onglet du navigateur et je sais pas si vous avez remarqué, mais c'est de la forme:

nom du blog - titre de l'article

Ce qui est mauvais pour les moteurs de recherche, le titre de l'article et ses mots clés doivent être placés en premier, le nom du blog doit être placé après.

Donc il faut le changer en:

titre de l'article - nom du blog

Pour commencer allez dans:

Tableau de bord -> Modèle -> Modifier le code HTML -> Traiter -> et oubliez pas de cocher: "Développer des modèles de gadgets" 

Une fois que vous y êtes recherchez cette ligne:

<title><data:blog.pageTitle/></title>

Et remplacez la par ce code:

<b:if cond='data:blog.pageType == "index"'><title><data:blog.pageTitle/></title> <b:else/><title><data:blog.pageName/> ~ <data:blog.title/></title></b:if>

Maintenant vos titres dans l'onglet devrait apparaitre sous cette forme:



Voilà j’espère avoir pu vous aider un peu, le SEO est un domaine très vaste et Google à tendance à le tuer depuis quelques temps, mais il reste quand même des techniques comme je viens de vous présenter qui resteront valables encore longtemps.



2 novembre 2012

Transformer votre blog en e-book au format PDF gratuitement

Vous avez un blog avec des articles qui valent le coup et vous voulez en faire un livre afin de pouvoir le partager ou simplement pour voir ce que ça fait d'avoir son propre e-book ?

BlogBooker est outil en ligne qui propose ce service mais seulement si votre blog est sur une des ces 3 plateformes:

  • Blogger

  • Wordpress

  • LiveJournal

La manipulation est très simple, vous exportez votre blog, ce qui va vous donner un fichier XML.

Ensuite il suffit de l'uploader sur le site, de régler quelques paramètres comme le choix du format du papier, de la police de caractère etc ... et il en fait un e-book !

c'est simple et gratuit, essayez le !



30 octobre 2012

Angry Birds Star Wars: vidéo du gameplay



Angry Birds le jeux qui fait un carton depuis maintenant plusieurs mois sortira le 8 novembre en version Star Wars, Rovio l'éditeur du jeux à déclaré:



« Ne vous inquiétez pas, vous allez envoyer des oiseaux et manier des sabres laser dans peu de temps ! En attendant, nous avons des animations, des bandes-dessinées et fan art sur notre page angrybirds.tumblr.com

Voici enfin une vidéo du gameplay du jeu !







19 octobre 2012

Blogger: ajouter une barre verticale ou horizontale pour les réseaux sociaux

Indispensable ! De nos jours il est presque inimaginable de tenir un blog sans être présent sur les réseaux sociaux, moi même j'ai pas résisté plus d'un mois pour m'ouvrir un compte Twitter.

La je vais vous donner une astuce pour ajouter une barre verticale et flottante sur votre blog avec les boutons Facebook, Twitter, Google+. et une autre pour ajouter une barre horizontale puis je vous expliquerai un peu ce que vous pouvez changer et améliorer.

La barre que je vous propose d'ajouter est une barre codée en HTML et CSS avec du Javascript mais c'est simplement un lien vers un fichier donc on a pas à s'en occuper.

Voila sur l'image les différentes barres que je vais vous proposer:

Dans tous les cas vous devez coller le code dans un gadget Html/JavaScript.

Barre horizontale







Barre verticale à gauche de l'écran







Barre verticale à droite de l'écran







Barre verticale à gauche de l'écran avec effet d'ombre







Barre verticale à droite de l'écran avec effet d'ombre







Barre verticale à gauche avec coins arrondis et effet d'ombre







Barre verticale à droite avec coins arrondis et effet d'ombre







Si vous avez des questions, laissez un commentaire, je ferais le maximum pour vous répondre.

10 octobre 2012

Blogger sur iPhone: l'application de la honte

Je ne sais pas si beaucoup d'entre vous utilisent "Blogger" sur iPhone, mais je trouve cette application honteuse !!!



Cette application est pauvre en fonctionnalités, je dirais même que pour tous Blogger qui se respect elle est inutilisable, sauf peut être pour prendre des notes et pouvoir les finaliser plus tard sur un PC de bureau.



  • Impossible de choisir le placement des images.


  • Pour choisir la taille de images il faut passer par le menu et chaque fois changer de taille, c'est à dire que si vous voulez mettre 5 images de 5 tailles différentes il faudra aller 5 fois dans les paramètres.


  • Impossible de sélectionner les labels parmi ceux déjà existants, ce qui veut dire qu'il faut tous les connaître.


  • Le statistiques ne sont pas affichées


  • Impossible de créer des liens a moins de connaitre le HTML mais c'est justement pour cette raison que la plupart des gens blog ! Ils ne veulent pas s'embêter avec le HTML, CSS et compagnie !

En bref c'était un petit coup de gueule et en même temps une petite présentation de l'application mais le seul mot qui me vient à la bouche c'est HONTEUX et je ne reconnait pas la patte de Google dans cette application...

29 septembre 2012

Transférer / migrer son blog de blogger à WordPress

Pour une raison ou une autre, il est possible qu'un jour vous décidiez de changer de plateforme de blog, de passer chez un hébergeur et d' installer votre ancien blog Blogger sur Wordpress.

Pour ça il vous faudra transférer votre blog Blogger sur votre nouveau blog Wordpress.

La solution est simple et je trouve qu'elle marche étonnamment bien.

Elle consiste à transformer un fichier de "Backup" Blogger en fichier de "Backup" WordPress.

Récupérer son blog Blogger

Pour récupérer votre blog Blogger avec tout le contenu, commentaire, photos etc .. il faut vous rendre dans "Paramètres -> Autre".

Ici dans la section "Outils du blog" vous trouverez un lien "Exporter le blog", cliquez dessus et enregistrer le sur le bureau par exemple.

Transformer le fichier Blogger en fichier Wordpress

Ensuite il va falloir modifier le fichier à l'aide d'un site qui est conçu seulement pour ça, vous lui donnez votre fichier Blogger, il vous le rend en version compatible pour WordPress.

Rendez-vous à cette adresse blogger 2 wordpress.

Cliquez sur "Parcourir" et sélectionnez le fichier .xml de Blogger qui devrait, si vous avez suivi depuis le début être enregistré sur le Bureau, une fois ça, cliquez sur "Convert" et vous allez obtenir un fichier compatible avec Wordpress.



Ajouter le fichier à WordPress

Après il faut vous rendre sur le tableau de bord de votre nouveau blog WordPress, une fois que vous y êtes cliquez sur "outils -> importer".

Ensuite choisissez:



Worpress - Installer l’importateur WordPress, pour importer les articles, pages, commentaires, champs personnalisés, catégories et mots-clefs à partir d’un fichier d’export WordPress.



Puis "Activer l’extension & lancer l’importateur".

Et voila il vous reste plus qu'à choisir le fichier compatible WordPress et cliquer sur "importer".

Maintenant vous pouvez voir le résultat ! votre nouveau blog WordPress contient tous vos anciens articles de Blogger.



24 septembre 2012

Code HTML et CSS pour Blog

Je pense que tout blogger qui se respect s'est posé la question un jour "comment souligner mon texte ? Comment ajouter une ombre à mes lettres ? Comment le faire clignoter ? Comment encadrer mon texte ?



Et oui blogger est très permissif et c'est ce qui fait sa puissance, l'outil rédiger est bien mais on se retrouve très vite limité en terme de design, de fantaisie etc ...

Je pense que quand quelqu'un décide de blogger plutôt que de créer son site de A a Z c'est parce qu'il ne veut pas, ou à pas le temps d'apprendre les langages de conception de site Web, le simple fait de prononcer les mots PHP, HTML, CSS, Javascript donne des boutons à certains et à d'autre juste l'envie de savoir ce que c'est, mais pas d'y consacrer de longues années d'apprentissage.

C'est pourquoi je vais donner des astuces "clés en main" il suffit d'un copier/coller pour reproduire les styles sur son blog.

Avant toute chose quand vous écrivez un nouveau message il faut bien vérifier que vous êtes en mode HTML et pas en mode Rédiger.

Blogger et le langage HTML

Le HTML c'est un langage qui s'écrit avec des balises, il y a toujours une balise ouvrante et toujours une balise fermante à quelques exceptions près, c'est toujours sous cette forme :

<nom de la balise> Votre texte </balise fermante>

Blogger et le langage CSS

Le langage CSS peut être définit dans un fichier CSS mais aussi à l'intérieur des balises HTML et ici c'est de cette manière que je vais procéder.


Souligner un texte

<span style="text-decoration: underline;">Mon texte</span>
résultat: Mon texte


Mettre un texte en gras

<span style="font-weight: bold;">Mon texte</span>
résultat: Mon texte


Mettre un texte en italique

<span style="font-style: italic;">Mon texte</span>
résultat: Mon texte


Mettre une ombre à un texte

<h2 style="text-shadow: 1px 1px 1px purple;">mon texte</h2>
résultat:

mon texte


Faire défiler un texte horizontalement

<marquee>Mon texte défile horizontalement</marquee>
résultat: Mon texte défile horizontalement


Faire défiler un texte verticalement

<marquee direction="up">Robert de NiroBard PiitAl pacinoAngelina joliesophie marceau</marquee>
résultat:



Robert de Niro

Bard Piit

Al pacino

Angelina jolie

sophie marceau




Il est possible de régler la vitesse, la direction etc .. Tous les renseignements sont sur cette page.


Faire clignoter un texte

Marche seulement avec Mozilla Firefox

<blink>Mon texte</blink>
résultat: Mon texte


Barrer un texte

<del>Mon texte</del>
résultat: Mon texte


Ajouter une bordure à un texte

<span style="border: 2px solid black; padding: 1px 3px;">Mon texte</span>
Mon texte


Tirer un trait

Pour tirer un trait c'est une balise spéciale car elle est seul donc c'est encore plus simple.

<hr />



résultat:

Voilà j’espère que cet article vous aidera !! Pour toute question complémentaire, vous pouvez laisser un commentaire.

22 septembre 2012

Blogger: Changer de compte utilisateur sans toucher à son blog

Si comme moi un jour vous désirez changer d'adresse e-mail ou simplement parce que vous souhaitez donner votre blog à quelqu'un alors il est possible de changer l'administrateur d'un blog sur blogger assez facilement et sans perdre votre articles, sans perdre votre référencement, et sans avoir besoin de déplacer le blog.

Le compte 1 sera le compte a supprimer.

Le compte 2 sera le nouveau compte.

Avec le compte 1 la première étape consiste a ajouter un auteur pour cela il faut se rendre dans le menu "Paramètres -> Basique" et là dans la section Autorisations il faut cliquer sur +ajouter auteurs.

Une invitation sera envoyée au compte 2.

Une fois l'invitation acceptée par compte 2, connectez vous avec le compte 1 et toujours au même endroit il va apparaître un choix à côté du nouvel auteur: Auteur ou Administrateur, il suffit de mettre le nouvel auteur donc compte 2 en Administrateur puis après se reconnecter avec compte 2 et effacer compte 1 en cliquant sur la croix a côté du compte a supprimer.