Notre site est en maintenance. Donc, si vous trouvez des erreurs, . Veuillez nous contacter

Comment ajouter l'icône Apple Touch dans Blogger

Comment ajouter l'icône Apple Touch dans Blogger


Savez-vous ce qu'est l'icône Apple Touch ?
Avez-vous une idée de la façon de définir l'icône Apple Touch ?
Vous ne savez pas ? Ne vous inquiéter pas, dans cet article je vous montrer étape par étape Comment ajouter l'icône d'Apple Touch dans un blog Blogger.

ICÔNE APPLE TOUCH
Proche du fichier favicone, l'icône Apple Touch est également décrire sous le nom d'icône Apple Touch et est un fichier d'image PNG utilisé pour un logo de page web/blog sur l'iPhone, sur l'iPod Touch, et sur l'iPad d'Apple.

Comment ajouter l'icône Apple Touch dans Blogger

Lorsque quelqu'un marque votre blog ou ajoute votre page de blog à son écran d'accueil, l'icône Apple Touch s'affiche en tant que logo de votre site web/blog.

Quelle est la taille d'une vie parfaite d'icône Apple Touch ci-dessous

– Pour l'iPhone, la taille est définie sur  –› 180px X 180px (60pt X (60pt @3x) ou
120px X 120px (60pt X (60pt @2x
– Pour l'iPad, la taille est d'environ  –› 
167px X 167px (83,5pt X (83,5pt @2x

– Et pour l'iPad mini, la taille approximative pourrait être comme celle-ci –› 
152px X 152px (76pt X (76pt @2x).

Maintenant, si votre blog de Blogger n'a pas d'icône Apple Touch incluse dans le thème de Blogger/Blogspot, vous devez implémenter manuellement l'icône Apple Touch dans votre blog Blogger en ajoutant des meta-codes 

Mais, comment ajouter l'icône Apple Touch sur un blog Blogger Blogspot ?
Trouvez les étapes suivantes ci-dessous pour pouvoir configurer.

Le processus n'est pas quelques chose à s'inquiéter si vous suivez les directives ci-dessous.

Comment configurer l'icône Apple Touch dans un blog Blogger Blogspot

  1. Allez dans Blogger dans le tableau de bord de votre blog.
  2. Téléchargez maintenant un fichier de sauvegarde de votre thème, en cas d'urgence
  3. Maintenant cliquez sur l'éditeur HTML et ouvrez votre fichier XML de thème cliquez ensuite –› Thème puis aller dans l'option –› Modifier le code HTML –› Recherchez head et mettez le code d'icône Apple Touch entre <head> et </head>, vous devez coller maintenant le méta-code de l'icône Apple Touch.
Avant d'aller plus loin, assurez-vous d'avoir déjà crée une icône Apple Touch pour votre blog
Mais si vous ne faites pas, créez-en un . La taille du logo de l'icône Apple Touch doit être exact à la taille que j'ai mentionné ci-dessous.

Trouvez le code HTML de l'icône Apple Touch

Trouvez le code HTML de l'icône Apple Touch pour implémenter dans un blog Blogger Blogspot, retrouver le code ci-dessous juste en bas et suivez où l'installer

– Copiez le code ci-dessous et collez-le sous la première balise d'ouverture <head> et ou au dessus de la fermeture </head>, terminé en cliquant sur  Enregistrer le thème.
 <link href='apple-touch-icon-iphone.png' rel='apple-touch-icon'/>
<link href='apple-touch-icon-ipad.png' rel='apple-touch-icon' sizes='72x72'/>
<link href='apple-touch-icon-iphone4.png' rel='apple-touch-icon' sizes='114x114'/>
<link href='apple-touch-icon-ipad3.png' rel='apple-touch-icon' sizes='144x144'/>

Remarque : vous devez créer un lien HTML de votre image par exemple. https://logodimage.com/apple-touch-icon.png. Et puis vous avez ajouté le lien html de votre image dans href="ici" Remarque : le format de l'image doit-être en PNG. 

Après avoir ajouter tout correctement, maintenant cliquez sur Enregistrer  ou Appliquer au blog dans le coin supérieur droit de votre écran. Et consultez votre fichier thème.xml et accédez à votre blog Blogger et voir si votre blog la nouvelle icône d'Apple Touch fonctionne ou pas. 
Vous pouvez maintenant en signets et ajouter votre blog à votre écran d'accueil.

Enregistrer un commentaire