Personnaliser nom de domaine Blogger avec nom de domaine Gandi

Image

image

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:

image

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:

image

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.

image

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.

image

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:

image

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:

image

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:

image

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:

image

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

image

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:

image

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.

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:

image

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:

image

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

image

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:

image

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

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

image

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.

Vous avez aimé cet article ? alors suivez-moi sur Twitter, Google+ et Facebook, et partagez-le avec les boutons ci-dessous !